Auto Hide Navbar Blogspot

Hallo sobat, udah pada tau kan yang disebut navbar? Bagi yang masih menggunakan template bawaan dari blogger tentu setiap buka halaman blog, anda akan melihatnya di bagian atas halaman blog anda itu. Sebagian ada yang langsung menghilangkannya, namun ada juga yang menggunakan metode auto hide seperti yang sedang kita bahas di sini.

Cara kerja Auto Hide Navbar ini yaitu ketika pengunjung mengarahkan mouse ke bagian atas (area navbar), maka navbar asli akan muncul dan akan menghilang secara otomatis saat pengunjung menggeser mousenya ke bagian lain (tidak dalam area navbar). Begitu seterusnya...

Jika anda tertarik, langkahnya adalah sebagai berikut:

• Login ke blogger
• Klik Rancangan => Edit HTLM
• Cari kode body {  dan letakan kode berikut ini di atasnya:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

• Jangan lupa simpan template anda dan lihat hasilnya
• Selesai