Cara Auto Hidden Navbar Blogger

13.00 ---
Pada Tutorial sebelumnya saya sudah menjelaskan cara menyembunyikan navbar pada blogger anda. Mungkin ada juga yang masih memerlukan navbar tersebut untuk mecari blog lain. Kali ini saya akan menjelaskan cara membuat navbar menjadi auto hide. Seperti gambar di bawah ini.

Caranya cukup sederhana :

1. Login Blogger.com
2. Masuk ke Rancangan ~> Edit HTML
3. Cari ]]></b:skin>. Gunakan F3 agar lebih mudah.
4. Masukan kode berikut tepat di atasnya.

#navbar-iframe {
opacity:0.0 0.0 ;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0 1.0;height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}

5. Simpan.

0 komentar:

Posting Komentar