Jumat, 14 Januari 2011

Navbar AutoHide

Standarnya, setiap blog yang dibuat melalui blogspot mempunyai tampilan NavBar atau navigatorbar dibagian posisi atas.

Namun dengan sedikit trik, maka NavBar ini dapat sobat atur. Salah satunya adalah membuat NavBar tersebut autohide yaitu pada saat mouse berada pada posisi atas, maka NavBar akan tampil. Adapun langkahnya adalah sebagai berikut :
1.         Pastikan sobat telah login dan membuka halaman Dashbor atau control panel blog.
2.         Setelah itu klik menu Tata Letak yang berada pada halaman tersebut.
3.         Selanjutnya pada halaman Tata Letak, pilih menu Edit HTLM.
4.         Kemudian akan tampil halaman Edit HTML.
5.         Setelah itu pada bagian kota edit template, cari kode body {.
6.         Kemudian letakkan kode di bawah ini ke atas  kode body {. Lalu klik Simpan Template.

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

7.         Apabila proses berhasil, selanjutnya sobat buka halaman blog yang telah sobat modifikasi dan liat hasilnya.

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More