Cara membuat Navbar Blog Auto Hide
Auto hide magsudnya apabila anda mengarahkan pointer mouse anda pada bagian atas Blogger maka Navbar akan terlihat, sedangkan apabila pointer tidak diarahkan pada bagian atas Blogger maka Navbar akan tersembunyi. Contohnya pada blog ini, langsung saja akan saya jelaskan :
1. Login ke Blog anda.
2. Klik Rancangan pada Dashboard.
3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari).
4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin>
5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya :
/* hilangkan navbar ----------------------------- */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.
1. Login ke Blog anda.
2. Klik Rancangan pada Dashboard.
3. Klik tab Edit Html (jangan lupa centang box Expand Widget Templatenya atau kalau perlu Download Templete Lengkap untuk mempermudah mencari).
4. Setelah itu tekan ctrl+F dan cari kode ]]></b:skin>
5. Letakan kode di bawah ini pada bagian atas kode ]]></b:skin>, ini kodenya :
/* hilangkan navbar ----------------------------- */
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
6. Lalu simpan Template, dan lihat hasilnya. Semoga bermanfaat.
Komentar
Posting Komentar