-->

Cara Memasang Icon Di Menu Navigasi Blogger

Memasang Icon Di Menu blogger terdengar sangat biasa saja. namun untuk segi tampilan membuat menu blogger anda menjadi lebih menarik dan lebih keren lagi. Ini bisa anda lakukan dengan menggunakan icon dari font awesome. Tidak hanya satu saja, melainkan banyak icon font awesome menarik yang bisa anda gunakan di blogger secara gratis.

menambahkan dan memasang icon font awesome di menu navigasi blogger

1. Mari kunjungi situs Font Awesome.
2. Buat akun anda, Verifikasi dan loginkan.

Font awesome

3. Pasang terlebih dahulu code embed "icon font awesome" di blogger, dengan pergi ke bagian tema blogger - Edit Html - tampilan kode berikut ini tepat di <head>.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"/>

 4. Pilih icon font awesome nya.


5. Salon dan Tempelkan kode iconnya tepat di menu navigasi blogger - klik save.

Disini saya menggunakan template Linkmagz. Maka tampilan kodenya akan seperti ini.

<!-- menu navigasi header start -->
  <li>
<a href='https://www.rialdiseo.my.id/'><i class="fas fa-home"></i>Beranda</a>
</li>
  <li>
<a href='https://www.rialdiseo.my.id/search/label/Blogger'><i class="fab fa-blogger"></i>Blogger</a>
</li>
  <li>
<a href='https://www.rialdiseo.my.id/search/label/Seo'><i class="far fa-thumbs-up"></i>Seo</a></li>
  <li>
<a href='https://www.rialdiseo.my.id/search/label/Android'><i class="fas fa-robot"></i>Android</a>
  </li>
<!-- menu navigasi header end -->

Klik simpan jika sudah berhasil melakukannya. Nah, ditahap ini icon Awesomenya sudah terpasang di menu blogger anda. Langsung aja lihat blogger anda maka tampilan akan berubah. Mantap bukan, hehehe :)