Akang Gamers

All About

Cara Membuat Menu Navigasi Blog Dengan Font Awesome

Hallo sabahat blogger, Kali ini saya akan memberitahukan cara membuat menu navigasi di blog dengan font awesome.
Font Awesome menurut bahasa berarti Font : Jenis Huruf dan Awesome : Mengagumkan , sedangkan menurut istilah Font Awesome berarti Jenis huruf atau kode bergambar yang membentuk icon keren.


Cara Membuat Font Awesome Di Menu Navigasi

Perhatikan langkah-langkah membuat font awesome di bawah ini !

1.  Buka Dasboard blog sobat kemudian pilih template dan klik edit html.

2.  Silahkan sobat salin kode dibawah ini dan tempelkan di tempat menu navigasi sobat.

<li><a href='/search/label/labelblogmu'><i class='kode_font_awesomenya'/> title</a></li>

Kode Font Awesome bisa sobat dapatkan disitus http://fontawesome.io/icons/

Contohnya nama label navigasi kamu Android silahkan cari di kotak pencarian setelah ketemu silahkan sobat klik.


Kemudian akan diarahkan ke menu kode font awesome yang sobat pilih dan inilah kodenya.


Silahkan sobat masukan kode tersebut ke Script diatas yang hasilnya akan seperti saya dibawah.

<li><a href='/search/label/Android'><i class='fa fa-android'/> Android</a></li>


 3.  Langkah selanjutnya adalah coba pertinjau terlebih dahulu template sobat, dan apabila sudah puas silahkan simpan dan cek hasilnya.

Demikian tutorial membuat menu navigasi dengan font awesome, semoga bermanfaat bagi sobat blogger sekalian.

Selamat mencoba!!.
Share this article :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat Menu Navigasi Blog Dengan Font Awesome"

Bebas berkomentar asalkan sopan dan santun :D