Home » » Membuat Auto Hide Navbar Blogspot

Membuat Auto Hide Navbar Blogspot

Diposting Oleh Bang Dayat ; Hari Rabu, 18 April 2012 Jam 20.34

Sobat sudah pada tahukan apa itu navbar? Navbar itu bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Kalau masih bingung berikut gambarnya :


Secara default navbar muncul di bagian atas. Nah sekarang bagaimana cara membuat agar navbar tersebut menghilang dan akan muncul jika kita sentuh dengan mouse. Istilahnya kita sebut auto hide navbar.

Berikut caranya :

1. Sobat login dulu ke blogger.com

2. Masuk ke menu template -> edit html.

3. Silahkan Anda cari kode body {, kemudian copas script berikut ini dan letakkan di atas kode body { tadi.


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


4. Jika sudah klik simpan template.

Silahkan sobat arahkan mouse pada bagian teratas blog, maka akan muncul navbar yang telah disembunyikan. Apabila mouse sobat arahkan ke tempat lain, maka navbar akan kembali hilang atau tersembunyi kembali.

Semoga bermanfaat.
Berbagi dengan artikel ini :
Ditulis oleh : Bang Dayat
Description: Membuat Auto Hide Navbar Blogspot , Rating: 5
Reviewer: Bang Dayat, ItemReviewed: Membuat Auto Hide Navbar Blogspot

Artikel terkait tentang

Berlangganan Artikel BD
Masukkan Email Anda:

 
Support : Bang Dayat
Copyright © 2012-2017. Bang Dayat Blog's - All Rights Reserved

Proudly powered by Blogger