Satu lagi posting sebelum saya berangkat tidur malam ini. Kali ini saya akan mengajarkan anda cara membuat menubar dengan fungsi fixed tentunya sesuai judul. Tidak perlu basa basi,
1. Login ke blog anda2. masuk ke Design > Edit HTML
3. Cari kode ]]></b:skin>
4. Letakan kode berikut DI ATAS kode ]]></b:skin>
#navfix {
position:fixed;
text-transform : uppercase;
background :#0d0804;
font : bold 12px Verdana;
float : left;
width : 100%;
height : 41px;
}
#navfix ul {
margin : 0 10px;
padding : 0;
list-style : none;
}
#navfix li {
display : inline;
margin : 0;
padding : 0;
}
#navfix a {
float : left;
margin : 5px;
padding : 0;
}
#navfix a span {
background :#363636;
float : left;
display : block;
padding : 8px;
color : #fff;
border-radius : 8px;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
}
#navfix a:hover span {
color : #000;
text-decoration : none;
}
#navfix a:hover {
color : #000;
text-decoration : none;
}
#navfix a:hover span {
background : #555;
color : #fff;
text-decoration : none;
border-radius : 8px;
-moz-border-radius :8px;
-webkit-border-radius : 8px;
}
5. Cari kode <body> dan letakan kode berikut tepat di bawahnya
<div id='navfix'>
<ul>
<li><a class='current' expr:href='data:blog.homepageUrl'><span>HOME</span></a></li>
<li><a class='current' href='#' title='#'><span>Edit Me</span></a></li>
<li><a class='current' href='#' title='#'><span>Edit Me</span></a></li>
</ul>
</div>
Jangan Lupa Comment!!
