Cara Membuat Menu Navigasi Lucu Dengan Icon
Friday, September 21, 2012
Edit
Cara Membuat Menu Navigasi Lucu Dengan Icon - Buat sobat blogger yang ingin membuat menu navigasi, mungkin ini bisa menjadi salah satu alternatifnya. Sesuai judul diatas, tips ini menampilkan menu dengan icon lucu yang bisa sobat sesuaikan sendiri. Cara membuatnya sangat mudah dan pastinya bisa mempercantik tempilan blog sobat.
Cara Membuat nya :
- Login ke Blogger
- Pilih Rancangan >> Edit Html >> centang "Expand Widget Template"
- Letakkan Kode berikut dibawah kode /* Header */ :
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}
- Simpan Template
* Pilih Rancangan >> Tata Letak >> Add Widget >> Html/Javascript
* Lalu masukkan kode berikut :
<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>
<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>
*note* ganti tulisan URL Image dengan Url tempat gambar sobat.
* Untuk Iconnya sobat bisa pilih Di sini
* Save.