Cara Membuat Navbar Transparan

Jika menurut anda fungsi Navbar sangat mengganggu penampilan blog anda, artikel ini mungkin akan sedikit membantu. Kerena dalam tutorial kali ini akan membuat Navbar agak sedikit tak terlihat atau transparan. Sebenarnya anda bisa saja menghapus Navbar secara langsung. Namun anda telah menemukan artikel ini terlebih dahulu, berarti anda memang tidak berkeinginan untuk menghapus fungsi navbar, bukan?. ^_^ Lagi pula cara itu sangat beresiko, karena dapat membuat blog kita diblokir oleh Blogger karena melanggar TOS blogger. (baca juga cara menghilangkan fungsi navbar)

TOS blogger itu sendiri adalah perjanjian antara kita dan pihak Blogger pada saat kita akan membuat Blog. Mungkin kita tidak sempat membaca term and service pada saat membuat blog, namun ketahuilah isinya akan seperti itu.

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

Sedikit pengertian tentang Navbar transparan adalah jika posisi pointer tidak berada di posisi Navbar, maka navbar akan kelihatan samar dan transparant. Tapi jika posisi Pointer berada di posisi navbar, maka Navbar akan terlihat jelas dan terang. Jadi, ini tidak akan melanggar peraturan TOS yang telah ditetapkan oleh Blogger.

Ok langsung saja kita simak cara membuat Navbar Transparan, sebagai berikut:

Pilih "Tata Letak" kemudian "Edit HTML". Kemudian tulis kode berikut persisi diatas kode ]]></b:skin>

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

Baca juga trik navbar lainnya tentang cara membuat navbar menjadi auto-hide disini.

Semoga bermanfaat, dan terimakasih.

Related Posts by Categories