Friday, November 11, 2016

Cara membuat auto hide navbar blogspot

Cara membuat auto hide navbar blogspot


Navbar adalah bagian yang terlihat pada bagian teratas blog kamu. Yang mana pada bagian tersebut terdapat tulisan Entri Baru, Rancangan, dan Keluar. Nah, ada beberapa temen blogger yang ingin menghilangkan navbar ini, hal ini tentu saja melanggar peraturan yang telah ditetapkan oleh Blogspot. Namun untuk mewujudkan keinginan Anda tanpa menghilangkan navbar secara permanen, Anda bisa kok menyembuyikan navbar tersebut dengan auto hide navbar. Berikut cara membuat auto hide navbar pada blogspot :

[1]. Login Blogspot
[2]. Klik Rancangan kemudian 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)}

       Sehingga formatnya menjadi seperti ini :
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)} 
body {
[4]. Jika sudah, silahkan klik Simpan Template dan lihat hasilnya di blog Anda.

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

Go to link Download

Posted by at
Labels: , , , , ,

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments (Atom)