MEMBUAT MENU HORIZONTAL

Dari sekian ribu penduduk blogger bahkan ratusan hingga sampai jutaan tiada terbilang di seluruh dunia entah berapa buah Blog mungkin ada yang kebengungan mencari Menu Horizontal untuk sebuah blog yang pas dipasang.

Mungkin ini adalah alternatif untuk anda akan kita bahas pada postingan kali ini membuat Menu Horizontal dan sudah saya coba dan berhasil lihat contoh pada blog saya yang ini link cara pasang script sangat mudah sekali

tentunya kita Logen dulu ke blog anda pastinya terhubung ke internet dulu

1. Masuk ke Tata Letak
2. Tambah gatged
3. Klik HTML/Java script berikut copy code dibawah ini :

I. Code script untuk 2 Colom

<STYLE TYPE="text/css">.menulink{ text-decoration:none;color:#ffffff;font-size:13px;} </STYLE> <FONT FACE="Arial, helvetica, sans-serif"> <TABLE border="2" Width="734" height="28" style="border-collapse:collapse" cellpadding="" cellspacing="0" bordercolor="#ffffff"><TR> <TD align="center" BGCOLOR="#73A4E7" onMouseOver="style.backgroundColor='#0AB93C'" onmouseOut="style.backgroundColor='#73A4E7'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG.com/'"><A HREF="http://ISI URL WEB ATAU BLOG.com/" class="menulink" onMouseOver="style.color='#f0f0f0'" onMouseOut="style.color='#000000'">Link Satu</A> </TD> <TD align="center" BGCOLOR="#73A4E7" onMouseOver="style.backgroundColor='#0AB93C'" onmouseOut="style.backgroundColor='#73A4E7'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG.com/'"> <A HREF="http://ISI URL WEB ATAU BLOG.com/" class="menulink" onMouseOver="style.color='#f0f0f0'" onMouseOut="style.color='#000000'">Link Dua</A> </td> <TD align="center" BGCOLOR="#73A4E7" onMouseOver="style.backgroundColor='#0AB93C'" onmouseOut="style.backgroundColor='#73A4E7'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG.com/'"> <A HREF="http://ISI URL WEB ATAU BLOG.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Link Tiga</A></TD> <TD align="center" BGCOLOR="#73A4E7" onMouseOver="style.backgroundColor='#0AB93C'" onmouseOut="style.backgroundColor='#73A4E7'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG.com/'"> <A HREF="http://ISI URL WEB ATAU BLOG.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Link Empat</A> </TD><td align="center" BGCOLOR="#73A4E7" onMouseOver="style.backgroundColor='#0AB93C'" onmouseOut="style.backgroundColor='#73A4E7'" onclick="javascript:location.href='http://haryantotips.blogspot.com/'"><A HREF="http://haryantotips.blogspot.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Haryantoblog</A></td> </tr> </table>

II. Code script untuk 3 Colom

<STYLE TYPE="text/css">.menulink{ text-decoration:none; color:#ffffff; font-size:13px; } </STYLE> <FONT FACE="Arial, helvetica, sans-serif"><TABLE border="2" Width="920" height="28" style="border-collapse:collapse" cellpadding="" cellspacing="0" bordercolor="#ffffff"><TR> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG1.com/'"> <A HREF="http://ISI URL WEB ATAU BLOG 1.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">ForXlink Satu</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG 2.com/'"> <b><A HREF="http://ISI URL WEB ATAU BLOG 2.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Forexlink Dua</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG3.com/'"> <b><A HREF="http://ISI URL WEB ATAU BLOG 3.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">ForeXlink Tiga</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG4.com/'">
<b><A HREF="http://ISI URL WEB ATAU BLOG 4.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">ForeXlink Empat</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG5.com/'"> <b><A HREF="http://ISI URL WEB ATAU BLOG 5.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">ForeXlink Lima</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://ISI URL WEB ATAU BLOG6.com/'"> <b><A HREF="http://ISI URL WEB ATAU BLOG 6.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">FireXlink Enam</A> </TD> <TD align="center" BGCOLOR="#0AB93C" onMouseOver="style.backgroundColor='#BD3A08'" onmouseOut="style.backgroundColor='#0AB93C'" onclick="javascript:location.href='http://haryantotips.blogspot.com/'"> <b><A HREF="http://haryantotips.blogspot.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Haryantoblog</A> </td> </tr></table>

Kemudian anda paste ke dalam kotak kosong HTML/java script lalu simpan Drag ke atas postingan jadi dih menu blog anda setelah itu ubah nama menu sesuai selera anda jangan lupa ganti linknya juga sesuai kehendak anda yang berjumlah 7 colom menu bisa ditambah kalau tidak cukup caranya copy yang ada kemudian pasta kemudian ganti namanya

Selamat mencoba