Membuat tab menu horisontal di blogspot

Dalam beberapa template yang di sediakan oleh situs penyedia template blogger, kebanyakan telah dilengkapi dg tab menu horisontal. Untuk template bawaan dari blogger mesti di edit supaya bisa menampilkan tab menu tsb. Berikut ini salah satu cara termudah untuk membuatnya

Langkah I

:

1. Masuk ke Dasbor

2. Klik Tab Tata Letak

3. Klik Tab Edit HTML

4. Cari di dalam template anda kode ]]></b:skin>

5. Pasang script di bawah ini tepat sebelum kode tsb .menuhorisontal{width:100%;
overflow:hidden; border- bottom:0px solid #000000;}
.menuhorisontal ul{margin:0; padding:0; padding-left:0px; font:13px Arial; list-style- type:none}
.menuhorisontal li{display:inline; margin:0}
.menuhorisontal li a{float:left; display:block; text- decoration:none; margin- right:2px; padding:2px 2px 2px 2px; color:#000000; background:#CCCCCC;}
.menuhorisontal li a:hover {color:#FFFFFF;
background:#2E2EFE} dan simpan template

Langkah II

1. Masuk ke Dasbor

2. Klik Tab Rancangan

3. Klik Tab Element Halaman.

4. Klik Tambah Gadget yang berada di posisi bawah header

5. Pilih menu HTML/ JavaScript

6. Pasang script berikut ini ke dalam kolom tsb

<div style="overflow:no; width:100%px; height:100%px; padding:0px; border:0px solid #FFFFFF; background:#FFFFFF;"> <div class="menuhorisontal"><li> <a href='http://blog-anda.blogspot.com/'><span>Home</span></a></li><li><a href='http://alamatmu.com/contoh'><span>Edit sendiri</span></a></li><li><a href='http://gantialamatmu.com/terserah'><span>Edit sendiri</span></a></li><li><a href='http://gantialamatmu.com/terserah'><span>Edit sendiri</span></a></li><li><a href='http://gantialamat.com/terserah'><span>Edit sendiri</span></a></li><li><a href='http://ganti alamatmu.com/terserah'><span>Edit sendiri</span></a></li></div> </div>


Dan simpan

Untuk alamat alamat dalam script tsb silahkan anda edit dg alamat anda sendiri..