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, saya sudah ngantuk dan besok saya harus sekolah. Langsung saja Step.By.Step !!!
 |
| Preview |
1. Login ke blog anda
2. masuk ke Design > Edit HTML
3. Cari kode ]]></b:skin>
4. Letakan kode berikut DI ATAS kode ]]></b:skin>
5. Cari kode <body> dan letakan kode berikut tepat di bawahnya#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;
}
<div id='navfix'>Keterangan : Ganti yang berwarna biru dengan link anda dan yang merah dengan judul link anda.
<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>
Tambahkan kode yang bercetak tebal sesuai banyaknya menu yang di butuhkan
6. CLS Comment Like Share terima kasih hehehe
Saya akhiri posting hari ini Wassalamualaikum WR.WB
0 komentar:
Post a Comment
Kotak Komentar Klasik Klik Di sini