Halo sobat BP,,akhirnya jumpa lagi nich sama ane BLOGALAKADAR yang beberapa hari belakangan ini gak bisa ngeblog,,biasa lagi krisis kuota,,xixixi...!!!

Oke deh..dalam artikel ini ane mau membahas Cara Mengganti Menu Navigasi dengan icon seperti yang sobat ketahui dan mungkin tutorial ini sudah basi dan kuno ya kalau bagi para master2 designer blog,,tapi gak apa disini ane akan berbagi buat user-user baru yang sederajad sama ane nich..pasti banyak yang pada kepo kalo soal mempercantik blog..yaa kan..???

Kalo ane ngoceh trus nich ntar malah jadi curhat dong ane,,ok ane langsung ke tutorialnya ,,dan simak bareng-bareng yukkk..!!!



-> Untuk mengganti Tulisan HOME,ABOUT dan GUESTBOOK dengan icon dibutuhkan icon tersebut,,yaa pastilah..dan untuk mendapat iconnya sobat bisa ambil Disini Sob.

-> Jika sudah masuk di "ICONARCHIVE" trus sobat pilih icon sesuai selera..kemudian copy url icon tersebut..

-> Jika sudah berhasil meng"copy url.nya kemudian masuk DASHBOARD->TEMPLATE->SUNTING TEMPLATE->dan pilih HEADER.

-> Selanjutnya sobat cari code seperti dibawah ini:

<*h2 class*="*description*">*{ blog*:description* }
<*div* id=*"navigation"*>
<*span>*Home<*/a><*/span*>
<*span*>About<*/*a><*/span*>
<*span*>Guestbook<*/*a>*<*/*span*>


-> Kemudian sobat ganti tulisan Home,About dan Guestbook diatas dengan url icon yang tadi sudah sobat copy. dan sebelum url iconnya di pastekan..sobat kasih dulu code seperti dibwah:

<*img *src*="*Url Icon*"/*>

karna fungsi dari code tersebut ialah untuk menampilkan gambar/icon.

-> Jika semua beres terus klik simpan. dan lihat hasilnya..

Disini ane akan memberi sorotan atau penampakan hasil dari homepage blog ane..penampakan ada dibawah:


homepage.png

Semoga bermanfaat bagi yang belum tau tutorial ini..

NB: hapus tanda (*) yang ada pada code diatas.

Baca Juga : Cara Menambah Widget Seo Di Navigasi

Cara Menambah Amazing Counter Di Navigasi