Membuat tab menu Horizontal

Jika dilihat diatas terdapat menu tab menu yang pada umumnya menu tersebut selalu diletakkan pada header dan posisinya disetting merapat ke sisi kiri.

Jika di didownload templatenya dari google, maka termplate tersebut telah menyediakan tab menunya sehingga andapun tidak direpotkan lagi untuk membuatnya, tapi bagi anda yang tetap ingin mempertahankan template anda saat ini tapi masih belum mempunyai tab menu tersebut, berikut akan dicoba dijelaskan cara membuatnya agar blog anda juga terlihat menarik tentunya.

Bagi anda yang pada saat ini belum mempunyai tab tersebut, ikuti langkah-langkahnya berikut :

Langkah I :

1. Masuk ke Dasbor


2. Klik Tab Tata Letak


3. Klik Tab Edit HTML


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


5. Persis sebelum kode tersebut pastekan script di bawah ini

.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}


6. Klik Simpan Template

Langkah II :

1. Masuk ke Dasbor


2. Klik Tab Tata Letak


3. Klik Tab Element Halaman.


4. Klik Tambah Gadget yang berada di posisi header ( atas )


5. Klik pilihan menu HTML/JavaScript


6. Pastekan script berikut ini ke dalam kolom konten tersebut

<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://ceritamenghibur.blogspot.com/'><span>Home</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Tips%20dan%20Triks'><span>Trik-Tips</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Pengetahuan'><span>Free Pengetahuan </span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/cerita%20menarik'><span>Intermezzo</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Sex'><span>Sexeducation</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Download'><span>Freedownload</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Situs-situs%20Web%20Penghasil%20Dolar'><span>Situspenghasildolar</span></a></li>
<li><a href='http://ceritamenghibur.blogspot.com/search/label/Wowww'><span>Wowww</span></a></li>
<li><a href='http://Ceritamenghibur.blogspot.com/search/label/motivation'><span>ceritamotivasi</span></a>
</li>
</div>
</div>


7. Untuk script background:#FFFFFF di atas menandakan warna latarnya, silahkan ganti dengan warna pilihan anda agar sesuai dengan warna site anda


8. Silahkan ganti script URL "http://ceritamenghibur.blogspot.com"dengan URL milik anda


9. Silahkan ganti script "Home" dengan kata pilihan anda


10. simpan