Sembunyikan NAVBAR Blog

Bagi teman-teman yang baru membuat blog, ada sebuah fasilitas yang disediakan oleh pihak Bloger untuk mempermudah teman-teman dalam nantinya mengedit blog teman-teman. Teman-teman bisa melihat ini tepat di halaman blog teman-teman di bagian paling atas, inilah yang disebut dengan NAVBAR, dimana disana ada beberapa menu seperti; Buat Blog, Sign In, Telusuri blog ini, Panji blog ini dll.

Fasilitas NAVBAR ini tidak akan hilang dengan sendirinya bahkan ini akan selalu ada karena ini juga merupakan identitas yang diset oleh pihak Bloger. Tapi bagi teman-teman yang tidak menyukai dengan tampilan ini mengingat alasan estetika, teman-teman bisa menghilangkan fasilitas ini.

Satu hal yang perlu digaris bawahi adalah teman-teman sudah setuju dengan Terms & Conditions yang sudah dibuat oleh pihak Bloger, jadi sebaiknya hal ini tidak dilakukan. Tapi jika teman-teman tetap ingin melakukannya, itu diluar tanggung jawab saya. Saya hanya ingin berbagi ilmu saja, karena katanya, ilmu itu harus disampaikan walau sedikit [ Sampaikanlah olehmu walaupun satu ayat ]. So semoga yang sedikit ini bermanfaat.

Dan berikut ini adalah caranya:

1. Seperti biasa, silahkan teman-teman login ke Bloger.com dengan user-id masing-masing

2. Pilih Tata Letak terus masuk ke halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode ini <b:skin><![CDATA[ kemudian letakkan kode berikut ini tepat di bawahnya :

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

3. Kemudian Simpan perubahannya dan lihat hasilnya NAVBAR pada Blog teman-teman kini sudah hilang alias tidak ada.

Cara diatas terlalu “extrim” karena hasilnya NAVBAR pada blog teman-teman akan hilang sama sekali, padahal teman-teman kan sudah setuju dengan Terms & Conditions yang ditawarkan oleh pihak Bloger.

Untuk itu agar tidak terkesan lupa berterima kasih dan tidak dianggap melanggar Terms & Conditions yang sudah disepakati, berikut saya berikan cara lain yang lebih santun dalam menghilangkan NAVBAR dimana NAVBAR akan hilang tetapi akan muncul pada saat area bagian atas blog teman-teman tersentuh mouse, dan berikut caranya :

1. Seperti biasa, silahkan teman-teman login ke Bloger.com dengan user-id masing-masing

2. Pilih Tata Letak terus masuk ke halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode ini <b:skin><![CDATA[ kemudian letakkan kode berikut ini tepat di bawahnya :

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

3. Kemudian Simpan perubahannya dan lihat hasilnya NAVBAR pada Blog teman-teman kini sudah hilang tapi saat mouse berada pada area bagian atas blog teman-teman maka NAVBAR tersebut akan muncul layaknya Taskbar Windows yang bisa muncul dan hilang pada saat di sentuh mouse saat disetting Auto Hide.