Cara Membuat Navbar Blog Autohide

Posted by Fajar Lubis on

Thursday, December 8, 2016

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

Namun dengan sedikit trik, maka Navbar ini dapat Anda atur. Salah satunya adalah membuat navbar tersebut autohide yaitu pada saat mouse berada pada posisi atas, maka navbar akan tampil. Adapun langkah-langkahnya adalah sebagai berikut.

1. Pastikan Anda telah login dan membuka halaman Dashbor atau control panel blog.
2. Setelah itu klik menu Template yang berada pada halaman tersebut.

3. Selanjutnya pada halaman Template , pilih menu Edit HTML.

4. Kemudian akan tampil halaman Edit HTML.

5. Setelah itu pada bagian kotak edit Template, cari kode body {.

6. Kemudian letakkan kode dibawah ini diatas kode body {. Lalu klik Simpan Tempalate.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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

7. Selanjutnya Anda buka halaman blog yang telah Anda modifikasi dan lihat hasilnya.

Labels: Tips Blogger

Thanks for reading Cara Membuat Navbar Blog Autohide. Please share...!