Membuat menu horizontal pada template 3 kolom atau 4 kolom

Pada postingan terdahulu kita telah membahas tentang cara membuat menu horizontal pada blog template 2 kolom...

Nah sekarang akan kita bahas cara mudah menambahi menu horizontal pada blog yang mempunyai template 3 kolom ataupun 4 kolom.

 

Saya akan mengulang langkah2 terdahulu (mungkin anda belum membaca postingan terdahulu)

Untuk mengetahui template mana saja yang bisa disisipi menu horizontal ini, gunakan langkah-langah berikut ini:

1. Masuk ke dasbord/dasbor

2. Pilih menu layout/tata letak

3. Pilih page element/elemen halaman

4. Sebagai uji coba, Anda klik kolom add a gadget, pilih Html/Javascript , lalu isi pada bagian title dengan tulisan percobaan. Pada content isi apa saja (terserah Anda), kemudian klik Save Changes.

5. Klik-tahan kolom percobaan tadi lalu geser dan letakkan di bawah kolom header blog. Kalau bisa, berarti bisa disisipi menu horizontal.

 

untuk membuat menu horizantal sangatlah mudah..

untuk template 3 kolom atau 4 kolom anda tinggal klik add a gadget, pilih Html/Javascript , lalu isi pada bagian content dgn kode dibawah ini :

<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://guntur.aneh.blogspot.com/'">

    <b><A HREF="http://guntur-aneh.blogspot.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Guntur Aneh</A>

  </td>  </tr></table>

 

Catatan : Hasil copy dari script tersebut harus Anda ganti dengan link yang Anda inginkan. Caranya,

Cari kode script berikut ini:

 

1. http //ISI URL WEB ATAU BLOG1.com"

 

http//ISI URL WEB ATAU BLOG1.com/" class="menulink" = Ganti kedua script ini dengan url alamat Anda, sehingga menjadi, misalnya: http://guntur-aneh.blogspot.com/”

 

2. Fore Xlink Satu  Ganti menjadi nama link blog Anda, misalnya Guntur Aneh, dan seterusnya.

 

Setelah semua Anda lengkapi, tiba waktunya memasang menu horizontal ini di blog kita.

atau anda copy dahulu skript diatas dan pasti di notepad atau word dan edit disana, kemudian kalau sudah selesai ikuti langkah berikut ini :

1. Masuk ke dasbor/dasboard blog Anda.

2. Pilih menu tampilan atau layout.

3. Klik add a gadget.

4. Pilih HTML/javascript , lalu paste di kolom kedua. Lalu klik SAVE

5. Kemudian klik dan tahan kolom menu horizontal ini, dan geser-letakkan di bawah header blog anda.

6. Klik save, coba Anda lihat sekarang blog Anda sudah mempunyai menu horizontal blog.

7. Jika tampilan dirasa kurang panjang maka tinggal mengubah TABLE border="2" Width="920 “ ubah aja menjadi 950

 

Semoga bermanfaat..

Salam aneh... hohohohoho…