Cara Membuat Menubar Fixed

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>
#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>
Keterangan :  Ganti yang berwarna biru dengan link anda dan yang merah dengan judul link anda.
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

« Prev Next » Home