Thursday 26 March 2015

NAVBAR AUTOHIDE

Leave a Comment
Navbar atau Navigasi Bar ini akan selalu muncul pada saat kita membuka blog. Namun Navgar juga dapat kita sembunyikan. sebenarnya ada banyak cara untuk menyembunyikan navbar tersebut, namun saya akan membahas dengan dua cara saja.
cara pertama adalah menyembunyikan navbar tanpa menggunakan script
cara yang kedua membuat Navbar Autohide menggunakan script.

untuk saat ini saya akan membahas cara yang kedua, Navbar Autohide ini maksudnya Navbar akan muncul pada saat cursor kita dekatkan ke posisi Navbar yang berada pada posisi atas.

Ok langsung saja ikuti langkah2 berikut :

1. Buka blogger.com kemudian Login dengan akun anda
2. Pilih Menu Template Kemudian Edit HTML
3. Setelah muncul code HTML, letakkan cursor pada code tersebut kemudian anda tekan CTRL+F dan tulis </b:skin> dan tekan enter. hal ini digunakan untuk mempermudah mencari code <:b/skin>.
4. Kemudia tekan tulisan (...) untuk membuka code yang terdapat didalam Skin
5. Setalah itu Kopas script dibawah ini tepat diatas code " ]]></b:skin>
#navbar-iframe {
opacity:0.0;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;
filter:alpha(Opacity=100,FinishedOpacity=100)
}


6. Klik Simpan Template
7. Coba di ceck hasilnya dengan menekat tombol "Lihat Blog"



Maka Hasilnya akan seperti ini :

Saat cursor jauh dari Navbar, Navbar tidak muncul
Namun saat cursor didekatkan maka Navbar akan muncul





Sekian dulu untuk Trik dan Tutorial sederhana ini. Semoga bisa membantu.
Terimakasih.

NB : Kritik dan Saran bisa di komentar.


If You Enjoyed This, Take 5 Seconds To Share It

0 komentar:

Post a Comment

ADS