DAFTAR ISI
Nonton Televisi Online

HTML Scroll Boks Warna

Sabtu, 30 Januari 2010

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


Komentar :

ada 11 komentar ke “MEMBUAT MENU HORIZONTAL”
Ferdinand mengatakan...
pada hari 

WAduh Perdana Nie Sob ...Hehe...

Info bagus Sob... mau nambahin aja nie, BIsa juga Download Template yang udah ada Menu Horizontalnya Truz Diganti Urlnya Sama yang kita Mau...Tapi Agak Lama Juga C Nyari Url di edit htmlnya hhe.....

Tapi jeleknya Nagruh SEO-nya juga Cuz Blog gw yg laen gw ganti Urlnya D'search engine muncul d'page 7 ke atas Mulu klo dicari judulnya...

MAkanya Blog gw yang Ini Dibiarin aja hhe... Cuz kLo dicari judulnya pazti D'page 1

Klo Cara Diatas Ngaruh sama SEO ga Sob???

Cassava Crackers mengatakan...
pada hari 

Met, pagi Sobat, pendatang baru nich, tolong sarannya donggg... mampir yaaaaa. makasih

Valerie mengatakan...
pada hari 

Permisiiii.... Saya pendatang baru blog ini. Saya mau kasih request nich... Kalo bikin jadi 6 kolom gimana yah...

WAPEALA mengatakan...
pada hari 

waduh rumit banget hehhehe

Share The World mengatakan...
pada hari 

OKE PUNYA SOB,,, THANKS

Anonim mengatakan...
pada hari 

ok punya sob, thanks

fath2din mengatakan...
pada hari 

thanx..really functioning

imran dias mengatakan...
pada hari 

koq banyak skali kodenya?? gak ada yang lebih simpel??

Anonim mengatakan...
pada hari 

mantap bos, tapi tolong bos, pisahin antara kotak dengan kode link yang diganti bos, maklum masih newbie. Thanks ya

widji mengatakan...
pada hari 

alhamdulillah sy sdh mencoba dan akhirnya berhasil, makasih pak, sy mau cari lagi nih utk pasang tanggal yg otomatis update, punya saya hilang nih: http://widjise.com/

spirit lion mengatakan...
pada hari 

keren bro...

Posting Komentar


weather counter

BUKU TAMU


Anda berminat buat Buku Tamu seperti ini?
Klik disini
Read more: Membuat Buku Tamu Melayang di http://paksi-dirgantara.blogspot.com

Pengikut

 
This Blog is proudly powered by Blogger.com | Template by Angga Leo Putra