Kebangetan ah kalau masih enggak ngeuh. Nah ada satu trik lagi nih sobat yang dikembangkan oleh teman BeBeN dalam masalah navbar ini. Kalau kawan's tertarik postingan aku yang terdahulu dan malas mencari diarsip, silahkan kunjungi link ini Seputar Masalah Navbar Blog. Dipostingan yang terdahulu itu aku memaparkan macam-macam trik tentang seputar Navbar. Baca saja deh sendiri. Mari kita kembali ke topik utama, bagaimana caranya menampilkan NAVBAR tersembunyi dan bila disorot akan ada lagi...hehehe.
Mungkin trik ini mirip dengan kinerja navbar yang ditransparankan. Nah bedanya dengan trik ini hanya sedikit saja. Navbar tetap ada tetapi di over top posisinya dengan menyediakan lahan sedikit untuk mouse guna memunculkan kembali navbar tersebut. Pasti bingung deh ^,^...oke silahkan kunjungi blog percobaan yang dimiliki teman BeBeN, guna melihat kinerja dari trik ini. MAX Project <--- Silahkan lihat ke bagian Navbar berada, ada garis sedikit yang terlihat, lalu coba cursornya diarahkan??? Begitu teman hasil dari trik ini. Caranya :
- Jika dari sobat yang pernah memakai trik menghilangkan Navbar, harap dihilangkan terlebih dahulu. Masuk ke bagian Layout ---> Edit HTML cari kode yang seperti ini lalu hapus.
- Setelah ketemu lalu hapuslah kode tersebut.
- Setelah itu masih dihalaman Edit HTML masukkan kode berikut.
- Save dan lihat hasilnya.
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none
}
Biasanya kode CSS tersebut berada setelah kode <b:skin><![CDATA didalam bagian Edit HTML.
#navbar-iframe {
height: 5px;
}
/* IE7, IE8, IE6 */
#navbar-iframe {
height/*\**/: 30px\9;
}
#navbar-iframe:hover {
height: 40px; !important;
}
height: 5px;
}
/* IE7, IE8, IE6 */
#navbar-iframe {
height/*\**/: 30px\9;
}
#navbar-iframe:hover {
height: 40px; !important;
}
Letakan kode diatas sebelum kode ]]></b:skin>
Thank's to : AllBlogTools. He is MAX, owner AllBlogTools web...My Dear Friends
Tidak ada komentar:
Posting Komentar