Memasang Menu Horizontal Pada Blogspot

Dalam template blogspot standart tidak terdapat menu horizontal,menu horizontal sendiri selain berfungsi untuk mempercantik tampilan blog kita juga berfungsi sebagai menu navigasi halaman blog kita.

Berikut cara memasang menu horizontal pada blogspot:

login ke akun blogger kalian=>>
dashbord =>> rancangan =>> edit html(jangan lupa centang expand widgat).

langkah pertama cari kode  ]]></b:skin>

letakkan kode berikut ini tepat di atas kode ]]></b:skin>

.horizontal-menu{width:100%; overflow:hidden; border-bottom:0px solid #000000;}
.horizontal-menu ul{margin:0; padding:0; padding-left:0px; font:11px Arial; list-style-type:none}
.horizontal-menu li{display:inline; margin:0}
.horizontal-menu li a{float:left; display:block; text-decoration:none; margin-right:2px; padding:2px 2px 2px 2px; color:#000000; background:#999999;}
.horizontal-menu li a:hover{color:#FFFFFF; background:#FF9900}

jangan lupa save atau simpan template.


langkah kedua yaitu:

klik rancangan =>> Klik Layout/Tata Letak =>> Elemen Halaman =>> Cari dan pilih HTML/Javascript

Copy kode di bawah ini dan taruh gadget HTML/Javascript yang baru kalian copy tepat di bawah header.


<div class='menupic'>

<div class='menuhorisontal'>
<ul>
<li class='selected'><a href='http://url kalian.com/'>HOME</a></li>
<li><a href='http://url kalian.com/'>bisnis</a></li>
<li><a href='http://url kalian.com/'>panduan</a></li>
<li><a href='http://url kalian.com/'>seo</a></li>
<li class='selected'><a href='#?max-results=10'>More</a></li>
</ul>
</div>
</div>

keterangan :
ganti tulisan yang berwarna BIRU dengan alamat blog kalian.
ganti tulisan yang berwarna HIJAU dengan label blog kalian.
Begitulah memasang menu horizontal pada blogspot.
Silakan di coba.