Nah...seperti ini caranya:
- Pertama cari kode ]]> (gk perlu centang Expand Widget Templates)
- Kedua letakkan kode di bawah ini di atas kode ]]>
#menubar{
margin: 0;
padding: 0;
float:left;
border:1px solid #FFD700;
width:100%;
background:#000000;
}
#menubar li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}
#menubar li a{
display: block;
margin: 0;
padding: 5px 12px;
background:#000000;
color: #FFD700;
text-align: center;
text-decoration: none;
border:0px solid #FFD700;
border-right:0.5px solid #FFD700;
}
#menubar li a:hover{
background:#FOF8FF;
color:#000000; /* Warna teks saat kursor mouse berada di atasnya */
}
#menubar div{
position: absolute;
visibility: hidden;
}
- Ketiga cari kode seperti ini atau yang mirip
<b:widget id='Header1' locked='false' title='Sanjaya Granat (Header)' type='Header'/>
</b:section>
- Terakhir letakkan kode di bawah ini di bawah kode seperti diatas
<li><a href='xxx'>zzz</a></li>
<li><a href='xxx'>zzz</a></li>
<li><a href='xxx'>zzz</a></li>
<li><a href='xxx'>zzz</a></li>
<li><a href='xxx'> zzz </a></li>
<li><a href='xxx'>zzz</a></li>
</ul>
- Save deh....
Keterangan:
Untuk yang tulisan XXX, ganti dengan alamat yang diinginkan pada menu
Untuk yang tulisan ZZZ ganti dengan judul menu yang Anda