Bagaimana Cara Menambahkan Icon di Menu Blogger

Bagai Mana Cara Menambahkan Icon pada menu Blogger

Ya ketemu lagi sama blogger bls-cyber
kali ini bls-cyber akan membahas bagai mana cara menambahkan icon pada menu di blogger sepertigambar di bawah ini

langsung saja kita bahas tutorial nya


Untuk menu di Html
Pertama Kita masuk Dasboard Blogger dahulu
Kedua Klik Template,

Lalu Cari nam Menu yang mau anda di tambahin icon

Contoh nya Menu di template begini



< l i > < a h r e f = ' # ' > Window < / a > < / l i >
< l i > < a h r e f = ' # ' > Photos < / a > < / l i >
< l i > < a h r e f = ' # ' > Html5 < / a> < / l i >
< l i > < a h r e f = ' # ' > Css3 < / a > < / l i >
Nah yang Pagar ( # ) warna biru kan itu buat link nya ya
lalu itu yang warna Biru Windows,Photos, Html5, dan Css3 nah kalo itu kan buat nama Menu nya
Yang mau di tambahin icon pada nama menu nya hanyalah anda menambahkan code nya
untuk Codenya anda bisa kunjungi link ini http://fontawesome.io/icons/

dan jika sudah, pilihlah yang mana yang mau di tambahkan oleh anda dan klik
Contoh nya saya ingin menambahkan icon file pada menu klik saja yang mau di tambahkan pada menu
1. Klik icon yang mau di tambahkan pada menu

gambar di atas hanya contoh
Nah jika sudah di klik pasti di bawa ke halaman tujuan

Gambar di atas dan text yang saya beri lingkaran itu ada lah code nya
untuk menambahkan codenya contoh menu yang di atas tadi







< l i > < a h r e f = ' # ' > Window < / a > < / l i >
< l i > < a h r e f = ' # ' > Photos < / a > < / l i >
< l i > < a h r e f = ' # ' > Html5 < / a> < / l i >
< l i > < a h r e f = ' # ' > Css3 < / a > < / l i >



Menu yang mana nih yang mau di tambahin Contoh Nam Menu Windows

Code Icon nya begini < i class = " fa fa-file " aria-hidden = " true " ><  / i >

Hanya saja anda untuk menyisip kan nya sebelum nama windows jadi nya seperti ini
Contoh text di bawah yang warna hijau



< l i > < a h r e f = ' # ' >< i class = " fa fa-file " aria-hidden = " true " ><  / i > Window < / a > < / l i >
< l i > < a h r e f = ' # ' > Photos < / a > < / l i >
< l i > < a h r e f = ' # ' > Html5 < / a> < / l i >
< l i > < a h r e f = ' # ' > Css3 < / a > < / l i >

Jika sudah di tambahin Klik save coba buka blog nya lihat menu yang mana yang di tambahin tadi
jadi tidak Mungkin segitu saja dari saya bagaimana cara menambahkan icon pada menu
dan juga anda ingin menambahkan icon lagi pada menu silahkan tinggal ikuti saja tutorial di atas dan jangan lupa anda mencari code icon nya di sini http://fontawesome.io/icon/
Jika anda tidak mengerti bisa berkomentar di bawah yang sudah saya siapkan