Auto Hide Navbar Blogger

Setelah tutorial Menghilangkan Navbar, Kali ini Cara Auto Hide navbar untuk blog Anda :

1. Pastikan Anda sudah login ke blogger 
2. Ke menu Template Kemudian Edit HTML 
3. Kemudian cari kode seperti ini ]]></b:skin> (untuk mempermudah pencarian ketik ctrl+F) 
4. Lalu Diatas kode ]]></b:skin> tambahkan kode dibawah ini :

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

Simpan Template dan lihat hasilnya..


Semoga bermanfaat :D

Read More >>

Menghilangkan Navbar Blog

Untuk menghilangkan navbar yang ada di atas halaman blog anda seperti gambar di bawah ini :

Lakukan langkah-langkah berikut :

1. Login terlebih dahulu pada blog anda 
2. Klik Menu Layout 
3. Klik Edit HTML tab (Note : Untuk menghindari kesalahan, silahkan Backup terlebih dahulu blog anda dengan memberikan checklist pada Download full template dan klik Download) 
4. Temukan code body { pada blog anda (Note : tekan Ctrl + F untuk melakukan pencarian dan ketikkan kata yang ingin dicari). 
5. Silahkan letakkan kode di bawah ini di atas code body {
   

   /* Use this with templates/template-twocol.html */
   #navbar-iframe { /* this section hides the nav bar */
   height: 0px;
   visibility: hidden;
   display: none;
   }

6. Klik tombol Save Template 

Dan lihat hasilnya…

Read More >>