Cara Memasang Icon Pada Menu Navigasi Blog Dengan Mudah - klikkiri

Cara Memasang Icon Pada Menu Navigasi Blog Dengan Mudah




klikkiri- Bosan dengan tampilan blog yang gitu-gitu aja tanpa perubahan? mungkin menambahkan icon kedalam menu navigasi dapat mebuat blog anda lebih berwarna. Icon adalah gambar yang ukurannya lumayan kecil. Biasanya, Icon melambangkan sesuatu ataupun mewakili dari Kategori ataupun semacamnya. Namun, jika pada blog, icon menjelaskan label pada suatu artikel yang telah kita tulis. Penambahan icon pada menu navigasi blog akan membuat blog menjadi bagus dan blog pun akan terlihat lebih profesional dan kelihatan premium.

akan tetapi membuat icon pada menu navigasi blog bukan lah hal yang mudah juga bukan hal yang sulit cukup dengan teliti dalam menempatkan kode-kode html nya. dan kita harus menggunakan font awsome kita harus menggunakan code html untuk panggil icon dari Font Awesome. Apa itu font awesome?? Font awesome adalah website yang memberikan kita kemudahan untuk membuat icon pada blog kita sendiri. Font awesome biasanya digunakan oleh pembuat template untuk menambahkan macam-macam icon agar template yang dibuat dan rancangnya lebih menarik dan lebih cantik. Masih penasaran bagaimana tampilan icon di menu navigasi yang saya maksudkan ? Nah, kurang lebih seperti gambar dibawah ini !
bagus bukan ? seperti tampilan premium gitu 

oke langsung saja cara memangang icon nya 

Cara Memasang Icon di Menu Navigasi Blog

1. Pertama,silahkan sobat masuk ke halaman utama bloggernya terlebih dahulu, kemudian klik pada tema dan edit HTML. Selanjutnya letakkan kode dibawah ini tepat diatas kode </head> untuk lebih cepat gunakan "ctrl+f" 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous"></link>

2. Selanjutnya, jika sobat telah meletakkan kode pemanggilan Font Awesome, kemudian cari menu blog sobat yng ingin sobat tambahkan iconnya. Silahkan sobat pilih iconnya di  http://fontawesome.io/icons/

3. Untuk memanggil icon yang telah kalian pilih, silahkan masukkan kode dibawah ini pada kode menu navigasi blog sobat.

<i class='fa fa-nama icon yang kalian pilih'/>



4. Letakkan kode diatas sebelum nama menu navigasinya.

Demikianlah tutorial Cara Menambah dan memasang Icon Pada Menu Navigasi Blog yang sangat singkat kali ini, semoga bisa bermanfaat dan berguna bagi sobat semuanya. Jika ada yang belum paham dan belum mengerti, silahkan sobat comment pada kolom komentar dibawah. dan jangan lupa untuk kembali dilain waktu. Karena blog ini akan selalu update artikel apa saja yang selalu anda butuhkan

0 Response to "Cara Memasang Icon Pada Menu Navigasi Blog Dengan Mudah"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel