SCRIPT ATAU KODE UNTUK MEMBUAT MENU HORIZONTAL DI BLOG

SCRIPT ATAU KODE UNTUK MEMBUAT MENU HORIZONTAL DI BLOG

 

Mungkin bag blogger sudah tak asing lagi mengenai menu  horizontal pada blog, iya kan?? banyak alasan mengapa menu horizontal ini diperlukan... yakni agar tampilan blog semakin bagus atau agar pengunjung lebih mudah mencari dan tertarik postingan kita yang sesuai dengan minatnya.
Pada umumnya menu horizontal itu biasanya memakai kode dan css, yang kadang bagi blogger pemula mengalami kegagalan.. Dan menurut saya, cara tersebut sangat ribet.. mengapa???
karena kadang kode css nya tidak berfungsi. Oleh karena itu saya ingin memberikan cara yang mudah untuk membuat menu horizontal, semudah memasang widget biasa (misalnya widget alexa atau hitstat)..
berikut cara-caranya:

1. masuk dulu di blog kamu

2. pilih rancangan atau layout

3. selanjutnya klik tambah gadget (pilih yang mana saja tempatnya, terserah... ^^)

4. Klo sudah pilih HTML/Java script( Cari HTML/JavaScript ) 

5. Lalu paste kode di bawah ini:




<div id="tabs10"> <!-- tabs10 begin -->
       <ul>
 <!-- Change the links with your own links -->
<li id="current"><a href="http://http://luthfisevenlaw.blogspot.com"><span>Beranda</span></a></li>
<li><a href="http://http://luthfisevenlaw.blogspot.com/search/label/komputer"><span>Trik Komputer</span></a></li>
<li><a href="http://http://luthfisevenlaw.blogspot.com/search/label/download"><span>Download</span></a></li>
<li><a href="http://http://luthfisevenlaw.blogspot.com/search/label/Tips Blog"><span>Tips Blog</span></a></li>
<li><a href="http://http://luthfisevenlaw.blogspot.com/2011/01/tukar link.html"><span>Tukar Link</span></a></li>
<li><a href="http://http://luthfisevenlaw.blogspot.com/search/label/informasi"><span>Informasi</span></a></li>
       </ul>
      </div ><!-- tabs10 end -->

keterangan: ganti yang warna merah dengan alamat atau url yang ingin di tuju... dan warna orange isi dengan nama yang ingin di tampilkan di menu


6. Klik simpan..

7. selanjutnya pindahkan widget tersebut ke header agar menunya terlihat horizontal.. Sekian semoga berhasil

8. Bila Ingin menambahkan opsinya,, cukup copy scriptnya lagi seperti :

<li><a href=" situs yang akan dituju setelah mengklik opsi /search/label/informasi"><span>Isi dengan nama opsi yang diinginkan</span></a></li>