Rabu, 06 Mei 2009

Hilangkan Navbar, Auto Hide Navbar, atau Buat Navbar Transparan ya?

Pada awal mengenal blog mungkin ada yang beranggapan kalau navbar dihilangkan akan terlihat lebih elegan kali ya..., tapi setelah navbar dihilangkan timbul masalah baru yakni apabila mau log in ke blogger itu sendiri, ya kalau kesulitan buat link log in blogger dunk....!! (kalau itu sih lain ceritanya). Apakah bijak menghilangkan navbar ya? semua itu kembali kepada kita. Navbar blogger memang ditujukan mempermudah kita untuk login ke blogger, bisa juga untuk menelusuri blog lain, ataupun mempermudah kita untuk melapor ke pengembang blogger bila ada konten yang dianggap pelanggaran oleh pihak blogger, misal konten pornografi, yang mengandung unsur SARA, yang mengandung kebencian, informasi pribadi/ rahasia, pelanggaran hak cipta, spam, apalagi pelanggaran hukum.
kalau saya memilih auto hide navbar sajalah, kalau anda gimana..?

:: Untuk Menghilangkan Navbar Blogger:

- Sign in blogger > Layout (Tata letak) > Edit HTML
- Copy kode dibawah ini lalu paste di atas kode ]]></b:skin> atau body {

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/

Seperti ini contohnya :

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/
]]></b:skin>

atau

/* hilangkan navbar Mulai*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
/* hilangkan navbar selesai*/
body {

- Jangan lupa dipratinjau terlebih dahulu apabila sudah sesuai baru kita simpan (Hal ini agar kita tidak perlu download template lengkap terlebih dahulu sebelum mengubah kode HTML dan menyimpannya, akan tetapi untuk lebih amannya sebaiknya download template lengkap dulu kali ya..!!!)


:: Untuk Menyembunyikan (Auto Hide) Navbar

- Login blogger > Layout > Edit HTML Copy kode dibawah ini diatas body { atau bisa anda letakkan diatas ]]></b:skin>

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

jadi penempatannya seperti di bawah ini :

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

atau

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
]]></b:skin>



:: Untuk Nembuat Navbar Transparan
Untuk membuat navbar agar nampak transparan pada dasarnya adalah nilai "opacity", coba bandingkan dengan di atas.
- Login blogger > Layout > Edit HTML
- Copy kode dibawah, kemudian paste diatas kode body { atau ]]></b:skin>
#navbar-iframe{opacity:0.2;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:0.5;filter:alpha(Opacity=100, FinishedOpacity=50)}