Judul : Cara Membuat Menu Navigasi Blog Dengan Font Awesome
link : Cara Membuat Menu Navigasi Blog Dengan Font Awesome
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!!.
Demikianlah Artikel Cara Membuat Menu Navigasi Blog Dengan Font Awesome
Sekianlah artikel Cara Membuat Menu Navigasi Blog Dengan Font Awesome kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara Membuat Menu Navigasi Blog Dengan Font Awesome dengan alamat link https://tipstopmarketing.blogspot.com/2017/06/cara-membuat-menu-navigasi-blog-dengan.html
0 Response to "Cara Membuat Menu Navigasi Blog Dengan Font Awesome"
Post a Comment