Cara Menampilkan atau Menambahkan Icon Dengan FontAwesome di Navigasi Template Blog

Cara Menampilkan atau Menambahkan Icon Dengan FontAwesome di Navigasi Template Blog

Oke Sobat blogger, pada postingan kali ini saya cuman ingin memberikan informasi sedikit tentang membuat template blog menjadi keren dengan menambahkan icon dari fontawesome di menu navigasi.

Tapi sebelum lanjut, apakah di template sobat sudah terisi kode dari fontawesome? Jika belum, sobat bisa letakkan kode dibawah ini tepat sebelum </head>.

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>

Apabila kode tersebut sudah ada di template blog sobat, jadi langkah selanjutnya kita cuma perlu menambahkan  kode : <i class='fa fa-....' aria-hidden='true'></i> didalam Navigasi template blog sobat dengan mengedit html-nya.

Contoh:

<li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='https://banua-ilmu.blogspot.com/search/label/Android'><i aria-hidden='true' class='fa fa-android'/> Android</a></li>

• warna hijau: link sobat
• warna merah: kode icon ( saya menggunakan icon android ).

Kode icon dapat sobat lihat di situs resminya fontawesome. Silahkan sobat klik link tersebut bila ingin langsung menerapkannya diblog sobat. Sekian, semoga bermanfaat.

Apabila sobat kesulitan menerapkannya, sobat bisa komen aja dikolom komentar. Oke... Peace out.... :D