Cara Menambahkan Icon di Menu Navigasi Blogger Dengan Font Awesome

Cara Syarif - Menambahkan icon di menu navigasi blogger. Menu navigasi adalah petunjuk untuk mengarahkan pengunjung blog mengeksplor seluruh halaman yang ada di blog, dengan tersedianya menu navigasi pada blog akan memudahkan visitor menemukan apa yang sedang dicari disebuah blog tersebut.

Image credit by: Font Awesome

Dengan menambahkan icon atau gambar pada menu navigasi akan terlihat lebih relevan, dan hal ini pun sangat disukai oleh Google Adsense terkait pada menu menu navigasi. Selain itu dengan menambahkan icon pada menu navigasi, blog akan terlihat elegan dan sedap dipandang mata.

Cara menambahkan icon pada menu navigasi blogger

1. Pastikan Anda sudah login ke Blogger
2. Lalu masuk ke menu Dashboard > Template > Edit HTML
3. Letakan kode CSS berikut ini tepat dibawah kode <head>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>

Catatan : Jika sudah ada kode CSS diatas pada template blog Anda, silahkan lewati langkah ini.

4. Masih dimenu Edit HTML, sekarang Anda cari menu navigasi yang akan di tambahkan icon menggunakan Font Awesome ini.

5. Misalnya, saya disini ingin menambahkan icon RSS Feed pada menu navigasi Blogger Anda hanya perlu menambahkan kode Font Awesome seperti ini.

><i class='fa fa-rss'/>

Tempatkan setelah link url tujuan seperti ini, lalu klik simpan.

6. Jika Anda ingin merubah gambar iconnya, silahkan anda ganti kode fa-rss dengan kode icon Font Awesome lainnya. Anda bisa mendapatkan kodenya disini

Demo

Cara Menambahkan Icon di Menu Navigasi Blogger Dengan Font Awesome

Cara menambahkan icon pada menu navigasi blogger

1 Response to "Cara Menambahkan Icon di Menu Navigasi Blogger Dengan Font Awesome"