Membuat Auto Hide Navbar Blogger

Dari awal saya nge-Blog sekitar bulan Maret 2009, saya pengin sekali membuat Auto Hide Navbar Blogger seperti punya Kang Rohman, tapi mencari literatur atau artikel seperti ini susahnya minta ampun, yang ada hanya cara menghilangkan Navbar Blogger. Padahal saya ingin lebih menghargai Blogger.com yang notebene telah memberikan tempat bagi kita semua secara gratis dan cuma-cuma untuk membuat blog dan menjelajahi dunia blogger.

Navbar Blogger merupakan sebuah frame yang berukuran kecil yang terdapat dibawah toolbar search engine atau mesin pencari yang kita gunakan.Frame ini berfungsi untuk login ke Blogger.com atau bisa digunakan sebagai jalan untuk melihat blog lain atau bisa juga untuk menandai blog yang sekiranya melanggar TOS Blogger seperti blog yang mengandung unsur SARA, pornografi agar bisa dilaporkan ke pihak Blogger.com.



Dilihat dari fungsinya, sebenarnya tidak ada alasan yang baik untuk menghilangkan Navbar Blogger tersebut, namun hampir 80 % blogger baik di Indonesia maupun di luar negeri yang pernah saya kunjungi, memilih untuk menghilangkan Navbar Blogger dari templatenya. Apalagi dengan dukungan blogger pembuat template yang memang sengaja dari awal proses pembuatan template untuk menghilangkannya. Mungkin penyebabnya adalah tidak adanya penjelasan atau keterangan resmi dari Blogger.com mengenai boleh tidaknya menghilangkan Navbar Blogger, sehingga 'Blogger Mania' juga menganggap hal tersebut bukanlah suatu permasalahan yang perlu diperdebatkan.

Disini saya mencoba memberikan solusi atau jalan tengah dan semoga 'Teknik Blogging' yang saya berikan ini tidak bertentangan dengan pihak Blogger.com maupun pihak-pihak lain. Ikuti langkah-langkah berikut ini :

1. Silahkan Login di Blogger.com dengan menggunakan account anda.

2. Pilih Menu 'Layout' atau 'Tata Letak', selanjutnya pilih 'Edit HTML'.

3. Cari kode :

#navbar-iframe {

height: 0px;

visibility: hidden;

display: none;

}

atau kode :

#navbar{height:10px; visibility:hidden; display:none}

4. Hapuslah kode tersebut.

5. Selanjutnya, carilah kode :

body {

5. Copy kode berikut ini :

<style id='page-skin-1' type='text/css'< >!--

*{margin:0;padding:0;}

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

6. Paste atau letakkan kode tersebut diatas kode body {

7. Save atau simpan template anda.

8. Selesai.

Semoga dengan memasang kembali Navbar Blogger anda, meskipun dengan metode Auto Hide, setidaknya kita lebih menghargai apa yang telah diberikan Blogger.com kepada kita semua.

Selamat Mencoba....!!!???

PR: wait...  I: wait...  L: wait...  LD: wait...  I: wait... wait...  Rank: wait...  Traffic: wait...  Price: wait...  CY: wait...  I: wait...  YCat: wait...  I: wait...  Top: wait...  I: wait...  L: wait...  C: wait...