Membuat Menu Horizontal Pada Blog Template 2 Kolom

Untuk membuat tampilan blog kita menjadi menarik diperlukan kreasi-kreasi untuk menambahi beberapa bagian dengan hal-hal yang menarik. Salah satunya adalah menambahi menu horizontal pada blog kita.  

Nah sekarang akan kita bahas cara mudah menambahi menu horizontal pada blog kita.

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 2 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="

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://guntur-aneh.blogspot.com/'"><A HREF="http://guntur-aneh.blogspot.com/" class="menulink" onMouseOver="style.color='#F0F0F0'" onMouseOut="style.color='#000000'">Guntur</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 BLOG.com"

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

2. Link 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 paste 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. Untuk menu horizontal 3 kolom atau 4 kolom baca postingan berikutnya ya..

Semoga bermanfaat..

Salam aneh.. hohohohoho…