Cara Memasang Icon Pada Setiap Menu Di Blogger
Menambakan Icon pada menu navigasi bar pada blog merupakan hal yang sering dilakukan agar mempercantik tampilan blog sobat. Tetapi, jika menu navigasi pada blog sobat tidak dipasang icon, menurut saya kurang enak di pandang. Tetapi, tergantung selera masing-masing.
Sobat juga bisa membuatnya lebih menarik lagi dengan menambahkan icon Fontawesome pada blog sobat. Pastinya sesuai selera sobat. Contohnya yaitu pada blog https:///www.atutorial.my.id yang sudah dipasang icon fontawesome pada menu navigasi bar.
Pada Artikel kali ini saya akan memberikan tips dan trik tentang Cara Memasang Icon Fontawesome Pada Blogger. Ohinya, Sebenernya cara ini sangatlah mudah. Sobat cukup menambahkan library css fontawesome ke blogger sobat.
Baiklah, langsung saja ikut langkah – langkah berikut ini:
Edit Html -> Pasang script dibawah ini, di antara<head></head>.ketika sudah di pasang silahkan sobat simpan terlebih dahulu.
| <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css' rel='stylesheet' type='text/css'/> |
<ul>
<li><a href=’#’ >Tutorial</a></li>
</ul>
Penjelasan: Script diatas adalah script default, yang belum di pasang icon Fontawesome. Lalu, Bagaimana cara memasang icon fontawesome pada menu navigasi? Sobat bisa menambahnya pada <a href=’’><i aria-hidden='true' class='fa fa-home'></i> Tutorial</a>.
Jadi <i aria-hidden='true' class='fa
fa-home'></i> Adalah icon Fontawesomenya.
3. Buka Web resmi fontawesome https://fontawesome.com/icons?d=gallery&p=2
Dan di web tersebut memiliki banyak type icon yang cocok pada blogger sobat.
Kode yang muncul pada gambar diatas yaitu : <i class="fas fa-home"></i>
5. Sekarang sobat tambahkan kode icon nya pada menu navigasi blog sobat. Contohnya seperti kode dibawah ini:<ul>
6. Setelah itu silahkan sobat simpan
Post a Comment for "Cara Memasang Icon Pada Setiap Menu Di Blogger"
Post a Comment