Menambahkan Icon pada navigasi blogger

screen shoot navigasi blog
icon pada navigasi blog

bosen dengan menu navigasi blog yang flat datar default template ?
tutorial ini akan menjelaskan cara menambahkan icon pada navigasi blog ,tenang aja icon-icon ini bukan images kok, jadi tidak akan membuat blogmu lag / lama saat di load icon ini sebenarnya font, font awesome namanya, oke langsung aja masuk ke tutorial:

  1. Login ke blogger dan masuk kemenu template >  edit html
  2. Tekan CTRL + F untuk memunculkan menu cari ketikan </head> 
  3. Pastekan kode berikut dibawah </head> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/> kode ini memanggil css dari font awesome agar bisa digunakan di blog kita.
  4. sekarang kebagian menu, tempatnya masih di template > edit html cari menu yang akan di edit, misalnya disini saya akan mengedit menu apk, ctrl + f ketikan apk 
  5. tampilan edit html
  6. berikut kode menu navigasinya sebelum di edit  <a href='http://rar7zip.blogspot.co.id/search/label/downloadapk'>Apk</a>
  7. edit menu tersebut menjadi        <a href='http://rar7zip.blogspot.co.id/search/label/downloadapk'><i class='fa fa-android'/> Apk</a> 
code i class adalah class yang ada pada font-awesome.min.css 'fa fa-android' adalah icon yang akan ditampilkan, nah untuk icon yang bisa dipakai https://fortawesome.github.io/Font-Awesome/cheatsheet/ kalian cukup mengedit bagian 'fa-android' menjadi icon yang kalian mau misalnya <i class='fa fa-apple'/> 

untuk demo blog yang sudah saya pasangi icon cek di blog berikut rar7zip.blogspot.com

jika sudah, tekan tombol simpan dan lihat bagian menu navigasi, semoga berhasil :)
jika ada yang eror atau sulit dimengerti silahkan tanya di komentar ya 

Postingan terkait:

7 Tanggapan untuk "Menambahkan Icon pada navigasi blogger"

  1. keren artikelnya gan :) jgn lupa mampirrr http://ilhams-anonymous.blogspot.co.id/

    BalasHapus
  2. Menambah Ilmu Baru Jgn Luma Mampir www.wizrtshinoby.tk

    BalasHapus
  3. Wah mantap jadi tambah keren hihihi , makasih gan

    BalasHapus
  4. wah keren gan, kunbal dari http://agger13.blogspot.co.id/

    BalasHapus
  5. Do you realize there is a 12 word sentence you can tell your crush... that will induce intense feelings of love and impulsive attractiveness to you buried within his chest?

    Because deep inside these 12 words is a "secret signal" that triggers a man's impulse to love, please and care for you with all his heart...

    12 Words Will Fuel A Man's Love Impulse

    This impulse is so built-in to a man's genetics that it will make him work harder than before to make your relationship the best part of both of your lives.

    Matter of fact, fueling this powerful impulse is so essential to having the best ever relationship with your man that once you send your man a "Secret Signal"...

    ...You will instantly find him open his soul and heart to you in such a way he haven't expressed before and he will recognize you as the only woman in the universe who has ever truly appealed to him.

    BalasHapus

spamming comment will be deleted As soon as posible :)