Jumat, 06 Agustus 2010

Membuat autohide NavBar

Saat ini saya akan membahas tentang cara membuat navbar blog menjadi auto hide. Sebelumnya saya juga pernah menulis tentang cara mengembalikan navbar blog dan cara membuat navbar blog menjadi transparan. Navbar auto hide adalah navbar yang tersembunyi dan akan muncul apabila kursor diarahkan pada bagian atas blog atau tempat navbar
tersembunyi. Oleh karena itu kita tidak menghapus navbar yang melanggar TOS tetapi hanya meng-auto hidenya. Cara membuatnya adalah sebagai berikut :

1. login ke blogger

2. Masuk ke tata letak, kemudian edit HTML

3.Cari Code seperti ini ]]></b:skin> (untuk mempermudah pencarian ketik ctrl+F)

4. Lalu Diatas Code ]]></b:skin> tambahkan Code seperti dibawah ini :


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



5. Simpan. Selesai, simpel kan...

Artikel Terkait

Membuat autohide NavBar
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

Komentar yang sopan ya ....