Halo Sahabat bloger kali ini saya akan mengasih tip2 cara memasang menu bar di blog silahkan sobat ikuti langkah2 nya dibawah ini :Silahkan sobat masuk Tata Letak Kemudian Edit HTML silahkan cari kode ini ]]></b:skin>
/* menu bar */
#menubar{
margin: 0;
padding: 0;
float:left;
border:1px solid #e5e5e5;
width:100%;
background:#e5e5e5;
}
#menubar li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: bold 11px arial;
}
#menubar li a{
display: block;
margin: 0;
padding: 4px 10px;
background: #666;
color: #fff;
text-align: center;
text-decoration: none;
border:2px solid #ffffff;
border-right:3px solid #ccc;
}
#menubar li a:hover{
background: #000;
}
#menubar div{
position: absolute;
visibility: hidden;
}
Silahkan sobat ganti warna yang berwarna merah dengan kesukaan sobat, jika sudah kita teruskan langkah selanjutnya...
silahkan sobat edit terlebih dahulu kode dibawah ini :
<ul id='menubar'>
<li><a href='http://derimultimedia.blogspot.com/'>HOME</a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/KOMPUTER'>KOMPUTER</a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/TUTORIAL%20BLOG'>TUTORIAL BLOG</a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/DOWNLOAD'>DOWNLOAD</a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/KODE%20WARNA'> KODE WARNA </a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/Coretan%20Q'>CORETANKU</a></li>
<li><a href='http://centricle.com/tools/html-entities/'> ENCODE </a></li>
<li><a href='http://klikwarnet.blogspot.com'> BLOG O-oN </a></li>
<li><a href='http://derimultimedia.blogspot.com/2010/03/bannerlink-sobat_26.html'> BANNER/LINK SOBAT </a></li>
<li><a href='http://derimultimedia.blogspot.com/search/label/INFO%2FBERITA'> INFO/BERITA </a></li>
</ul>
Silahkan sobat masukkan alamat milik sobat sendiri
dan jika sudah sobat edit silahkan sobat copas dan masukkan di bawah kode ini <div id='content-wrapper'>
Jika sudah silahkan sobat Pratinjau terlebih dahulu , jika tidak berhasil coba sobat masukkan kode yang sudah sobat edit tadi di bawah kode ini :
<div id='footheader'>
untuk kode ini merupakan kode seperti yang saya punya dan hasilnya bisa sobat lihat tampilnnya seperti itu, jadi perlu diingat setiap template berbeda2, jadi silahkan sobat otak atik sendiri dengan jeli, (Sumber)
JIKA SOBAT INGIN BISA MENCOBALAH DARI SEKARANG
SELAMAT MENCOBA SEMOGA SOBAT BERHASIL
0 komentar:
Posting Komentar