Cara Menambahkan Icon Pada Menu Navigasi Blog di Blogger - Calon Cerdas

Cara Menambahkan Icon Pada Menu Navigasi Blog di Blogger

Cara Menambahkan Icon Pada Menu Navigasi Blog di Blogger - Kali ini saya akan membagikan cara untuk menampilkan sebuah icon pada menu navigasi blog kalian di Blogger. Nah, cara unik ini tentunya dapat memperbagus tampilan menu navigasi pada blog kalian dengan menambahkan sebuah fitur - fitur unik seperti dropdown dan juga icon agar tampilan blog kalian lebih menarik para pengunjung. Penambahan icon pada menu navigasi blog akan membuat blog kalian menjadi bagus dan keren serta blog pun akan terlihat lebih profesional loh.


Berikut ini saya akan membagikan cara untuk menampilkan sebuah icon pada menu navigasi blog kalian di Blogger menggunakan Font Awesome ya. Font Awesome sendiri adalah sebuah website yang menyediakan berbagai keperluan seperti bentuk font, macam-macam icon. Nah kali ini kita membahas mengenai icon terlebih dahulu, Font Awesome memberikan kemudahan untuk kita dalam membuat icon pada blog kita sendiri ya. Font Awesome biasanya digunakan oleh para pembuat template atau tema untuk menambahkan berbagai macam icon agar template atau tema yang dibuat rancangnya lebih menarik dan lebih cantik jika di lihat.


Cara Memasang Icon Pada Menu Navigasi Blog di Blogger

Berikut ini merupakan lagkkah-langkah cara untuk memasang Icon Pada Menu Navigasi Blog di Blogger.
  • Silahkan kalian login ke Blogger dengan akun kalian terlebih dahulu
  • Pilihlan Blog yang akan di tampilkan Icon pada menu navigasinya (Jika kalian memiliki 2 Blog ke atas jika memiliki 1 Blog berarti tidak usah memilih)
  • Setelah itu kalian pilih menu Theme dan pilih Edit HTML ya
  • Selanjutnya kalian copy Scrip di bawah ini terlebih dahulu
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous" />

  • Sesudah kalian copy lalu paste kan di dalam kode <head> seperti dibawah ini.

  • Setelah itu kalian memasukkan kode pemangil Font Awesomnya, Terlebih dahulu kalian masuk ke https://fontawesome.com/icons/ , carilah icon yang ingin kalian tambahkan ke dalam blog kalian.
  • Untuk memunculkan ikon yang telah kalian pilih di Font Awesome tadi, dengan cara memasukkan kode ikon tersebut pada menu navigasi kalian ya. Contoh :

<li><a href='#'> <i class='fa fa-nama icon yang kalian pilih'/> Judul Menu</a></li>

  • Terakhir kalian tinggal save templatenya. lalu buka blog kalian tadi di Browser ya. Mudah kan?.
Nah itu tadi mengenai Cara Menambahkan Icon Pada Menu Navigasi Blog di Blogger. Jangan lupa ya untuk share agar artikel ini lebih bermanfaat kepada orang yang membutuhkan. Terimakasih telah berkunjung di Blog ini :)