07 November 2011

Cara Membuat Auto Hide Navbar Pada Blogger

Sebenarnya untuk menghilangkan Navbar Blogger itu termasuk melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Mas Bro sekalian tanpa menghilangkan Navbar secara permanen, sampeyan bisa menyembuyikan Navbar tersebut dengan auto hide Navbar.


Berikut adalah langkah-langkah tentang cara menyembunyikan navbar pada Blogger.
  • Login ke Blogger Sampeyan
  • Klik Rancangan
  • Klik tab edit HTML
  • Cari kode yang seperti ini   body {
  • Tambahkan kode HTML berikuti ini diatasnya

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

  • Klik Simpan template, dan lihat hasilnya.
Coba sampeyan arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse sampeyan arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Selamat mencoba dan semoga bermanfaat.. 



Pengelola Blog

Zainoel Arifin Isa'i : Penulis Blog. Ketika aku tidak nongkrong di warung kopi atau menyusuri hutan atau juga mendaki gunung, aku sibuk menjadi tukang desain lepas yang bermarkas di sudut kamar belakang rumah di daerah pelosok desa terpencil lereng Gunung Arjuno.
Machfudz Arif : Teknisi Blog. Pekerjaan sebagai Web and Mobile App Developer yang bermarkas di Lembah Tlogo Krabyaan di sebuah dusun yang dikelilingi perbukitan nan elok dan berudara segar.

1 comment:

Berkomentarlah yang bijak, iklan/spam langsung dihapus