Silahkan anda scroll ke bawah biar anda bisa lihat maksudnya menu fixed.
Nah sudah lihat kan dan udah ngerti kan. . . ? seperti itulah maksud Simple menu fixed top. sekarang mari kita terapkan di blog anda ( bagi yang mau ).
1. Log in ke blog anda
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Cari kode
]]></b:skin>5. Masukan kode Css di bawah ini di atas kode
]]></b:skin>#nav {
width: 100%;
float: left;
margin: 0 0 1em 0;
padding: 0;
background-color: #f2f2f2;
border-bottom: 1px solid #DDD;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#nav ul {
list-style: none;
width: 800px;
margin: 0 auto;
padding: 0
}
#nav li {
float: left
}
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc;
font: 13px Arial, sans-serif
}
#nav li:first-child a {
border-left: 1px solid #ccc
}
#nav li a:hover {
color: #c00;
background-color: #fff
}
6. Setelah itu cari kode
<body> dan setelah ketemu silahkan simpan kode HTML di bawah ini di bawah kode <body><div id="nav"> <ul> <li><a href="Link Anda">Menu Abu - Abu</a></li> <li><a href="Link Anda">Redirect</a></li> <li><a href="Link Anda">Warna - Warni</a></li> <li><a href="Link Anda">Status Loading</a></li> </ul> </div>
7. Klik Pratinjau jika sudah ok baru klik SIMPAN TEMPLATE.
0 komentar:
Posting Komentar