Pilihan menu dengan Icon

Artikel saya yg sekarang ini, akan kembali mengulas tentang masalah menu, di artikel saya ini, saya akan memberikan tentang cara mengganti menu yang dulu yang hanya tulisan saja, degan icon. Nah cara ini saya dapatkan di tipsblogspot.blogspot.com, itu memang blog dengan sejuta tips blog, untuk pemula, disini saya akan membahasnya mencadi lebih jelas lagi, mau tau caranya, ini dia.

Saat anda membuatnya, anda akan diberikan dua langkah yaitu,

Langkah pertama,

1. Masuk ke halaman dasbor anda,

2. Lalu pilih Tata Letak,

3. Lalu pilih tab Edit HTML,

4. Lalu cari code seperti ini /* Header */,

5. Lalu copy code dibawah ini, dibawah code /* Header */,

#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

6. Lalu simpan hasil pekerjaan anda itu.

Langkah kedua,

1. Pilih menu Elemen Halaman,

2. Lalu pilih Tambah Gadget,

3. Lalu pilih gadget HTML/Javascript

4. Lalu copy, paste code dibawah ini,

<div id='newnavbar'>
<ul>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
</ul></div>

5. Lalu simpan hasil pekerjaan anda.

Catatan,

Untuk tempat peletakan terserah anda,

URL diisi dengan alamat blog anda,

URL image diisi dengan lokasi icon/ gambar yg anda upload.

Demikian tips dari saya, jika ada yg kurang jelas, anda bisa tanyakan lewat pesan comentar yang ada dibawah postingan ini, terimakasih, dan salam blogger.