Kali ini saya akan mengajarkan cara untuk “menghilangkan” navbar. Apa?? Menghilangkan? Tunggu dulu, menghilangkan navbar menyalahi aturan TOS (Term Of Service) daripada Blogger. Tahukah kamu??
Lalu
jika sudah tahu, apa yang harus diperbuat? Gampang, kita buat aja nih
navbar auto-hide seperti taskbar pada Windows. Apa itu Auto-hide?
Autohide itu bila kita menggeserkan mouse ke tempat navbar seharusnya
berada, maka navbar akan muncul, sebaliknya jika menjauhkan mouse dari
posisi seharusnya navbar berada, navbar itu akan hilang.
Kok
bisa? Tentu bisa, karena saya kan sakti hahaha.. kembali ke… topik.
Kali ini gampang-gampang saja caranya, kita akan sedikit mengutak-atik
template. Cuman menambahkan 2 baris ini:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
Bagaimana cara memasukkan kode tersebut?
Gampang, masuk ke Layout>Edit HTML lalu cari kode seperti ini:
Gampang, masuk ke Layout>Edit HTML lalu cari kode seperti ini:
/* Header
———————————————–
*/
———————————————–
*/
Lalu masukkan kode tersebut tepat di bawahnya seperti ini:
/* Header
———————————————–
*/
———————————————–
*/
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
#header-wrapper {width:900px;margin:0 auto 10px;border:1px solid $bordercolor;}……………………
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
#header-wrapper {width:900px;margin:0 auto 10px;border:1px solid $bordercolor;}……………………
Simpan lalu lihat. Keren amir jadinya :04:
0 komentar:
Posting Komentar