cara membuat menu dropdown horizontal

Assalamualaikum baraya..

kali ini saya akan mncoba berbagi tips blogging, agar taampilan blog baraya terlihat menarik dan lebih profesinal dilihat pengunjung  blog baraya. untuk tipsnya yaitu cara membuat menu dropdown horizontal   menggunakan widget.. hehhe

gak usah basa-basi lagi langsung aja ke TKP, untuk lebih mempersingkat waktu baraya..

 selelumnya mari kita lihat dulu hasilnya DISINI baraya..

caranya :

• loggin blogger baraya
• pilih rancangan / desain
• tata letak
• widget ( sesuai letak yang baraya inginkan )
• edit HTML/javascript
• simpan
• lihat hasilnya deh

berikut adalah codenya, silahkan dicopi dulu..

<div id='tejahtc'>
<div id='tejas'>

<ul>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/arsip-blog.html' title='='link-title'>BERANDA</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/arsip-blog.html' title='Link-Title'>KOLEKSI FOTO</a>
<ul class='children'>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/bidadari-bidadari-ikape-kalgir.html' title='Link-Title'>Bidadari Ikape</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/acara-ikape-kalgir.html' title='Link-Title'>acara Ikape</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/scooterist-with-ikape-kalgir.html' title='Link-Title'>Scooterist Ikape</a></li>
</ul>
</li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/arsip-blog.html' title='Link-Title'>ARSIP BLOG</a>
<ul class='children'>
<li><a href='http://ikape-kalgir.blogspot.com/search/label/Informasi' title='Link-Title'>Info Ikape</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/search/label/Tips' title='Link-Title'>Tips & Trik</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/search/label/kisah' title='Link-Title'>Kisah Inspiratif</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/search/label/koleksi' title='Link-Title'>Koleksi</a></li>
</ul>
<li><a href='Link sobat di sini!' title='Link-Title'>KONTAK KAMI</a>
<ul class='children'>
<li><a href='https://www.facebook.com/IkapeKalgir?ref=ts&fref=ts' title='link-title'>Facebook</a></li>
<li><a href='https://twitter.com/IkapeKALGIR' title='Link-Title'>Twitter</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/12/contak-person-ikape-kalgir.html' title='Link-Title'>Hape</a></li>
</ul>
</li>
<li><a href='www.ayonikah.com' title='Link-Title'>KONTAK JODOH</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>DOWNLOAD</a>
<ul class='children'>
<li><a href='http://www.percikaniman.org/multimedia' title='Link-Title'>Ceramah Ust Aam</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/p/download_18.html' title='Link-Title'>Software Islami</a></li>
<li><a href='http://lagubagus.com/' title='Link-Title'>lagu favorit</a></li>
<li><a href='http://lagubagus.com/' title='Link-Title'>MP3</a></li>
</ul>
</li>
<li><a href='www.percikaniman.org' title='Link-Title'>REFERENSI</a>
<ul class='children'>
<li><a href='http://blog.kangismet.net/p/daftar-isi.html' title='Link-Title'>tutorial</a></li>
<li><a href='www.percikaniman.org' title='Link-Title'>Tips islami</a></li>
</ul>
</li>
<li><a href='http://www.quranflash.com/en/quranflash.html' title='Link-Title'>QUR'AN ONLINE</a></li>
<li><a href='http://ikape-kalgir.blogspot.com/2012/11/latar-belakang-ikape.html' title='Link-Title'>TENTANG KAMI</a></li>
<li><a href='http://www.percikaniman.org/category/tanya-jawab-islam' title='Link-Title'>TANTA JAWAB</a></li>
<li><a href='Link sobat di sini!' title='Link-Title'>SARAN</a></li>


</li></ul></div>
</div>


<div class='clear'/></div>



 Note : silahkan ganti menu tersebut sesuai keinginan baraya
***** selamat mencoba, semoga berhasil. 

Silahkan Tinggalkan jejak atau komentarnya Disini, Diantos baraya..!!