Kamis, 31 Desember 2009

Toggle (lihat/sembunyikan) blogger navbar

Pada umumnya, template2 baru untuk blogger menghilangkan nav-bar paling atas, tetapi sebetulnya Blogger tidak merekomendasikan hal tersebut. Baik Blogger maupun Google akan memberi sangsi karena menghilangkan nav-bar ini. Ada baiknya kita tunjukkan sedikit penghargaan ke blogger dengan membuat logo kecil blogger ataupun tidak menghilangkan bagian nav-bar ini. (blog ini juga awalnya ngilangin nav-bar he he he sengihnampakgigisengihnampakgigisengihnampakgigi

Memang keberadaan nav-bar ini sering gak sinkron dengan template yang dipakai. Untuk itu kita masih bisa memunculkannya tetapi hanya saat mouse pengunjung diarahkan ke bagian atas blog kita (mouse-over).

Jangan lupa download template kita kalau nanti terjadi kecelakaan dalam meng-install trik ini. (tanggung jawab sendiri). Kalau sudah lanjut ke berikutnya.

Klik-> Layout -> Edit HTML -> cari kode ini: (kode yang bikin nav-bar gak kelihatan)

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Kalau sudah ketemu, hapus seluruhnya kemudian gantikan dengan kode dibawah ini pada tempat yang sama :

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;
}
Jangan lupa preview dulu, jika tidak ada masalah (previewnya keliatan) maka template bisa di save dan selesai...