Mengubah navbar blogger menjadi transparan atau hilang

Sebenarnya boogle sudah tahu new navbar yang mendukung transparent ini tiga hari sebelum ada pengumuman dari blogger buzz. Tapi saya memaklumi-nya jika blogger buzz sebagai corong atau situs humas –nya blogger untuk menunggu pengumuman update tentang navbar transparent ini sebelum lolos dari hasil pengujian dan kelayakan, sama persis seperti kita-kita yang suka menulis tentang tutorial blog untuk mengguji dulu trik, tip , javascript dan lain-lain sebelum kita publis untuk di sharing.
Dengan navbar yang mendukung transparent, dan sebelumnya menambahkan beberapa tool untuk kemudahan share atau follow, nampaknya pihak blogger sangat serius agar new navbar ini dapat di gunakan oleh para pengguna-nya bukan di hilangkan atau di sembunyikan, walaupun masih dalam batas demokratis alias tidak memaksakan dan pilihan tergantung kepada kita sebagai pengguna.
Yang menarik dengan adanya transparent ini, kita dapat menganti-ganti tema warna navbar sesuai dengan pilihan warna yang kita inginkan ,- menjadi warna campuran antara warna navbar dan warna background template . misalkan warna merah menyala dengan background template hitam akan menjadi merah maroon, warna kuning akan menjadi kuning ke hijau hijauan dan seterus-nya.
Caranya ente edit dulu navbar –nya dan pilih transparent dark atau transparent white, setelah itu tambahkan script css berikut ini.

#navbar-iframe {
  background:red;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>
* ganti red dengan warna yang ente inginkan.

Beberapa Tehnik Jadul Seputar Navbar

Heheheh.. mumpung nulis tentang navbar, boogle akan tambahkan beberapa teknik jadul seputar navbar

Pertama : Teknik untuk menghilangkan navbar pada template.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

* Simpan kode di atas pada halaman Css, - atau simpan sebelum tag  ]]></b:skin>

Kedua : Teknik auto hide – atau teknik menampilkan dan menyembuyikan navbar memangfaatkan kursor mouse

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

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>

Ketiga : Teknik untuk mengatur lebar navbar. – ini jika diperlukan untuk menyesuaikan dengan lebar template

#navbar-iframe {
width:900px;margin:0 auto;
}

* Simpan kode di atas pada halam Css – atau simpan sebelum tag ]]></b:skin>* width:900px dapat ente ganti sesuai dengan lebar yang ingin digunakan* dapat di kombinasikn dengan teknik auto hide.

So What

Dengan penambahan transparent ini dan penambahan fungsi lainnya, menurut penilaian subyektif saya tetap masih kurang bagus jika di bandingkan dengan navbar yang di miliki facebook misalnya. Seharusnya pihak blogger dengan dukungan penuh dari google menurut saya lebih baik memikirkan dan membuat sesuatu yang lebih besar dari sekedar update navbar.

Sumber : http://x-terselubung.blogspot.com/2009/11/navbar-transparent-so-what-gitu-lho.html