Membuat Navbar Blog Auto Hide

Tempat bebrapa saat yang lalu saya sempat mendengar selentingan dari para blogger, bahwa jika kita menghilangkan atau mendelete Navigation Bar / Navbar blog account kita bakalan di delete, secara automatis jika account kita dihapus oleh admin blogger maka blog kesayangan kita ini pun akan menghilang dalam terang hehe.., ada juga sich yang bilang tidak apa-apa kita menghapus navbar blog. seperti punya saya ini http://akur.org/ navbar nya juga saya hilangkan, sempat sich kepikiran untuk menampilkan kembali navbar atau membuat auto hide navigation bar. Jika belum paham navbar itu yang seperti apa lihar gambar Navigation Bar dibawah ini

Ok dari pada resiko mending navbar / navigation bar blog kita buat auto hide aja, maksudnya gimana nich Navbar auto hide, ya jika kita tunjuk maka navbar akan keluar dan sebaliknya. ok untuk membuat navbar auto hide
1. Pertamaxxx. Login Blogger –>> Layout –>> Edit Html –>> Download full Template (jika diperlukan) –>> Centang Expand WIdgets Template

2. Cari kode dibawah ini
 ]]>

3. Copy kode dibawah ini dan paste diatas kode no 2 diatas.

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

4. Save Template n selesai

\\====================================================\\

NB :

Anda juga bisa menambahkan kode no 3. diatas sebelum kode body {

Cara Membuat Navigation Bar / Navbar blog Transparant

Dan Jika anda ingin membuat navbar transparan anda cukup mengganti kode nomer 3 diatas dengan kode navbar dibawah ini :

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

** Penjelasan dikit : Disini sebenarnya kita hanya bermain opacity image, dan jika anda ingin mengenal tentang mouseover effect atau opacity anda bisa baca disini

POSTING BERKAITAN

akur:
Tips Trick | Blog