Maksud Menu Simpel Fixed adalah menu yang berada di top atau menu yang ada di bagian atas blog + fixed, jadi menunya akan tetap mengikuti kemanapun anda scroll. Dari pada anda penasarn bingung sama judul postingan ini silahkan langsung saja anda lihat demonya.
DEMO
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.
