Wednesday, December 29, 2010

Cara Menyembunyikan Navbar Blogspot

Auto hide navbar blogger artinya adalah ketika dalam kondisi normal, navbar blogger tidak akan terlihat tapi setiap kali ada pengunjung datang ke blog Anda dan  mengarahkan mouse-nya ke posisi navbar (posisi paling atas dari blog) maka navbar blogger secara otomatis akan muncul  secara normal atau dalam kata  lain navbar blogger hanya akan muncul ketika tersentuh titik mouse.

Dengan cara ini terasa lebih baik karena tidak akan mengganggu tampilan blog Anda, dan di sisi lain fungsi navbar blogger masih dapat digunakan.

Berikut adalah cara sembunyikan navbar blogger secara auto:

1. Silahkan login ke blogger dengan ID anda.
2. Klik pada Desain




3. Klik menu Edit HTML





4. Disarankan untuk backup terlebih dahulu template anda dengan klik Download Full Template.





5. Cari kode  ]]></b:skin>
6. Copy dan paste kode berikut tepat di atas kode  ]]></b:skin>

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

 Lihat Gambar berikut:




7. Klik SAVE TEMPLATE.
8. Anda bisa memeriksa hasilnya, navbar blogger anda akan menghilang tetapi apabila mouse diarahkan, maka navbar akan muncul lagi.
Sumber: How to

No comments:

Post a Comment