Cara Menambahkan Icon Pada Menu Navigasi di Tamplate viomagz

Kali ini saya akan membagikan cara menambahkan icon pada Menu Navigasi biar tampilan nya lebih keren. Mungkin sebagian orang belom pada tau cara menambahkan icon di Bar Menu Navigasi contoh nya seperti di gambar bawah ini....

Mungkin cara ini tidak berlaku lagi untuk versi VioMagz V.2.8 ke atas

sebelum melakukan setingan kode html nya,yang pertama dilakukan adalah mengunjungi situs https://fontawesome.com/v4/icons/ di situ silahkan kalian searching saja icon mana yang akan kalian pilih sesuai dengan tema judulnya. pilih lah yang free kalau mau yg pro juga gak apa apa.
silahkan kalian salin kode nya
setelah kalian copy code nya - masuk ke menu blogger  > tema > sesuaikan > klik edit html
klik Ctrl F tulis </head> enter dan letakan kode di bawah ini tepat di atas </head>

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

(Masih di dalam edit html) - setelah itu klik lagi Ctrl F klik dan cari </body> dan letakan juga kode css dibawah ini tepat diatas </body>

dan letakan kode icon fontawesome di kode html menu navigasinya ,seperti contoh gambar dibawah ini

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

keterangan
<i aria-hidden='true' class='fas fa-list fa-2x'/> = (adalah kode icon nya )
di tambah kan fa-2x = ( adalah ukuran icon nya.)
<li><a href='#'>Home</a></li>  = adalah kode menu navigasinya
dari beberapa kode itu digabungkan seperti contoh diatas:
setelah selesai semua klik simpan, dan silahkan lihat hasilnya.
Mungkin itu saja tutorial yang bisa aku bagikan kali ini, semoga kalian bisa memahami cara nya dengan mudah

Bagikan Artikel ini