Kali ini saya akan sharing tentang cara membuat navbar auto-hide atau sekalian membuat navbar transparan.
Untuk melakukan trik ini kita hanya sedikit mengotak-atik kode template blog kita.
Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Jika teman2 tertarik untuk melakukan trik ini, langkah-langkahnya adalah sebagai berikut:
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut di atas kode ]]></b:skin>
5. Simpan template.
Selesai.
Semoga bermanfaat []
Untuk melakukan trik ini kita hanya sedikit mengotak-atik kode template blog kita.
Trik ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Jika teman2 tertarik untuk melakukan trik ini, langkah-langkahnya adalah sebagai berikut:
1. Login ke Blogger.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut di atas kode ]]></b:skin>
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
5. Simpan template.
Selesai.
Semoga bermanfaat []
Leave a comment