Menambah Icon di Menu Navigasi Blogger

Berbicara tentang menu navigasi pada blogger, menu navigasi yang merupakan element penting dalam satu website, sehingga penambahan icon akan mempercantik tampilan menu navigasi it sendiri, dan penambahan icon di menu navigasi, khususnya dalam hal ini mimin brbicara di blogger, bahkan dengan penamahan icon di menu navigasi ini, bisa mempeudah penunjung dalam berselanjar di website kita

Apa Manfaatnya ?

1. Memperindah suatu website itu sendiri
2. Membuat pengunjung lebih betah di website kita
3. Mempermudah pengunjung untuk berselancar / memperoleh informasi diwebste kita
4. Membuat webste kita lebih profsional

Apa Saja Yang Dipersiapkan ?

1. CSS 
2. Kode HTML Icon

Bagaimana Membuatnya ?

Langsung saja kita menambahkan icon dimenu navigasi pada blogger seperti yang ada pada blog kami dibawah iniLangsung saja kalian masuk dalam halam blogger kalian dan masuk di menu tema pilih dan pilih Edit HTML. Kemudian copy paste code css dibawah ini, tepat diatas kode </head>

<script crossorigin='anonymous' src='https://kit.fontawesome.com/cf58590718.js'/>

Setelah kalian copy paste kode pemanggil ke Font Awesome. Dibawah ini merupakan website yang menyediakan icon baik secara gratis maupun berbayar.

Kemudian cari menu yang ingin di tambahkan icon. Setelah kalian dapatkan menu yang akan di tambahkan icon, silahkan pilih icon yang akan kalian tambahkan di Font Awesome Icons.

Untuk memanggil icon yang kita pilih tadi, masukan kode icon yang kita pilih pada Font Awesome

<i class="fas fa-home"></i>

Ubah kode diatas seperti script dibawah ini

<i aria-hidden='true' class='fas fa-home'/>

Kedmudian masukan kode diatas pada menu navigasi kalian, sehingga tampilannya menjadi seperti dibawah ini

<ul>

<li><a href='#'><i aria-hidden='true' class='fas fa-home'/> Beranda</a></li>

</ul>

Kemudian klik simpan dan publish untuk,  sekarang kalian sudah menambahkan icon di menu navigasi pada blog kalian. Semoga bermanfaat dan blog kalian semakin berkembanng.