Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Icon pada Menu Navigasi di Template di Blog

 

Cara Menambahkan Icon Pada Menu Navigasi Bar Blog

SeoCinta – Menambahkan icon pada menu navigasi di template bukanlah sebuah keharusan, menambahkan icon pada template anda masing – masing hanya untuk mempercantik tampilan blog saja.

Sebenarnya sudah banyak para blogger yang membahas tutorial ini, akan tetapi banyak diantara mereka tampilan icon tersebut tidak tampil, karena saya sendiri sudah membuktikannya. Setelah saya selidiki ternyata script font awesome yang mereka berikan itu sudah lawas dan belum diperbarui

Pada kesematan kali ini saya akan memberikan tutorial Cara Menambahkan Icon Pada Menu Navigasi Bar Blog

Cara Menambahkan Icon Pada Menu Navigasi Bar Blog

Langkah 1 : Login ke akun Blogger anda

Langkah 2 : Cari menu Tema Kemudian Edit HTML

Langkah 3 : Cari kode </head> ( agar lebih gampang gunakan CTRL + F pada keyboard )

Langkah 4 : Letakkan kode yang saya berikan tepat diatas kode </head>

  <script crossorigin="anonymous" src="https://kit.fontawesome.com/e188a75150.js">
Langkah 5 : Untuk mendapatkan icon tersebut, silahkan kunjungi website yang sudah saya berikan dibawah ini

https://fontawesome.com/v4.7.0/icons/#web-application

Langkah 6 : Jika anda sudah mencari icon yang akan anda gunakan silahkan ambil kode tersebut dan masukan kode tersebut ke menu navigasi anda, kurang lebih kodenya akan terlihat seperti kode dibawah ini

  <li><a href='Link Anda’><i aria-hidden='true' class='fa fa-bookmark'/>  GUDANG CARA QUE</a></li> 
<li><a href='Link Anda’><i aria-hidden='true' class='fa fa-bookmark'/>  GUDANG CARA QUE</a></li>
<li><a href='Link Anda’><i aria-hidden='true' class='fa fa-bookmark'/>  GUDANG CARA QUE</a></li>
<li><a href='Link Anda’><i aria-hidden='true' class='fa fa-bookmark'/>  GUDANG CARA QUE</a></li>
Note : Ganti kode yang sudah saya blok biru dengan icon yang sudah anda cari di font awesome tadi

Jika anda sudah mengikuti cara diatas maka 100% icon tersebut akan work di template anda, jika anda masih belum paham atau ingin menanyakan sesuatu yang searah dengan topic diatas. Silahkan berkomentar di kolom bawah ini

Demikian artikel saya kali ini tetang Cara Menambahkan Icon Pada Menu Navigasi Bar Blog, semoga dengan adanya artikel ini bisa membantu anda yang ingin mendesain menu navigasinya dengan icon yang cantik. Semoga bermanfaat


Seo Cinta Anak desa yang ingin dapat rezeqi anak kota