Cara Membuat Menu Horizontal

Kali ini guwe akan share tentang cara buat menu horizontal dengan mudah ,,
Ini nih yang namanya menu horizontal ,,,


INi menu yang kupakai di blog ini ,,
Cara membuat menu ini gampang banget lho ,,
Nggak perlu masuk edit HTML ,,,
Kita cuma perlu menambahkan java srcipt aja ,,,





Tapi ini hanya untuk template yang punya bentuk seperti blog ini ,,
INi gambarnya ,,
















[clik gambar untuk memperbesar]

Kalau tempalte nya nggak sama ,, tutorial ini nggak akan berhasil ,,
Ok ,, caranya mudah banget ,,

Pertama :
Masuk (login) ke blogger ,,
Masuk tata letak > element halaman ,,,

Kedua :
Klik Tambah Gadget / Add Gadget ,,,













Ketiga :
Pilih java script ,,























Masukkan script (kode) di bawah ini ,, ingat !! JUDULNYA NGGAK USAH DIISI ,,

<style type="text/css">.menulink{ text-decoration:none;color:#ffffff;font-size:13px;} </style> <font face="Arial, helvetica, sans-serif" <br />> <table border="<br />2" bordercolor="#ffffff" <br />cellspacing="0" width="<br />600" style="border-collapse:collapse" cellpadding="" height="28"><br /><tr><br /> <td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" <br /> bgcolor="#73A4E7" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG.com/'" align="center"><a onmouseover="style.color='#f0f0f0'" onmouseout="style.color='#000000'" href="http://blogputra.com/" class="menulink">Halaman Depan</a> </td><br /> <td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" <br /> bgcolor="#73A4E7" onclick="javascript:location.href='http://blogputra.com/'" align="center"><br /> <a onmouseover="style.color='#f0f0f0'" onmouseout="style.color='#000000'" href="http://www.blogputra.com/2009/09/about-me-bukan-mie.html" class="menulink">Siapa Putra ?</a><br /> </td> <td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" bgcolor="#73A4E7" onclick="javascript:location.href='http://blogputra.com/'" align="center"><br /> <a onmouseover="style.color='#F0F0F0'" onmouseout="style.color='#000000'" href="http://www.blogputra.com/search/label/Hacking%20kecil2-an" class="menulink">Hacking</a><br /></td> <td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" <br /> bgcolor="#73A4E7" onclick="javascript:location.href='http://blogputra.com/'" align="center"><br /> <a onmouseover="style.color='#F0F0F0'" onmouseout="style.color='#000000'" href="http://www.blogputra.com/search/label/Tutorial%20blogging" class="menulink">Blogging</a><br /> </td><td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" bgcolor="#73A4E7" onclick="javascript:location.href='http://blogputra.com/search/label/Trik%20ala%20Putra/'" align="center"><a onmouseover="style.color='#F0F0F0'" onmouseout="style.color='#000000'" href="http://www.blogputra.com/search/label/Komputer" class="menulink">komputer</a></td><br /><td onmouseover="style.backgroundColor='#0AB93C'" onmouseout="style.backgroundColor='#73A4E7'" <br /> bgcolor="#73A4E7" onclick="javascript:location.href='http://blogputra.com/'" align="center"><br /> <a onmouseover="style.color='#f0f0f0'" onmouseout="style.color='#000000'" href="http://www.blogputra.com/search/label/Internet" class="menulink">Seputar Internet</a></td><br /> </tr><br /> </table></font>

NB : Kode ini asli yang ku pakai untuk blog ini ,, Jadi semua huruf dan link nya adalah blogputra.com ,,

Ganti aja sesuai selera ,, OK ,,
Terakhir :
Drag / geser / seret paksa HTML script tadi ke atas ,,













Simpan ,, dan lihat hasilnya dengan DOA ,,

Selamat mencoba ,,,