Auto Hide Blogger Navbar

Blogger Navbar adalah frame yang berukuran kecil milik blogger yang terdapat di bagian atas blog. Fitur-fitur navbar blogger [B]: akan membawa anda kembali ke www.blogger.com. Search Blog: memudahkan anda untuk mencari blog lainnya. Flag Blog: memungkinkan anda menandai blog yang telah melanggar TOS blogger atau persyaratan layanan blogger dan kebijakan konten blogger. NextBlog: akan membawa anda secara acak, terutama kepada blog yang baru diupdate. [email address]: Jika anda masuk ke account anda, anda akan melihat alamat email anda sendiri di sini. Orang lain yang membaca blog anda tidak akan melihat email ini, dia hanya dapat melihat emailnya sendiri jika dia loggin ke blognya. Dashboard: Jika anda loggin, anda akan memiliki link ke dashboard anda sendiri. Sign In/Out: Menampilkan kondisi apakah anda sedang loggin dan pilihan untuk keluar dari blog anda.

Navbar blogger bisa dimodifikasi dengan cara menghilangkan navbar blogger, membuat auto hide navbar blogger dan membuat navbar blogger transparan serta modifikasi lainnya. Dari ketiga pilihan di atas, saya paling suka trik blogger membuat auto hide navbar blogger. Untuk apa di auto hide? Sederhana, agar tampilan blog lebih manis saja. Persyaratan layanan blogger tidak menulis secara rinci tentang peraturan navbar ini. Menampilkan navbar blogger secara default berguna untuk memudahkan pengguna blogspot dan pengunjung yang melihat blog kita. Bila ini dihilangkan, maka artinya kita telah mengurangi salah satu fitur blogger yang diciptakan untuk kemudahan penggunanya. Ingin lebih tahu tentang ini, silahkan baca TOS blogger atau persyaratan layanan blogger dan mengikuti forum di google forum.


Cara membuat auto hide navbar blogger

Pertama :
Loggin ke blog dengan ID kamu » Pilih Layout » Pilih Edit HTML » Centang Expand Widgets Template » Sebagai tambahan silahkan backup dulu template kamu dengan klik Download Full template dan simpan di komputer.

Kedua :
Cari kode ]]></b:skin> Agar mudah mencarinya silahkan tekan Ctrl F atau F3 pada kebor. Bila sudah ditemukan, maka copy kode berikut ini dan paste tepat di atas kode tadi.

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

Lalu klik tombol SAVE TEMPLATE dan selesai. Silahkan lihat hasilnya.



Cara membuat navbar bloger transparan

Sama seperti cara di atas, hanya saja kode yang harus kamu paste di atas kode ]]></b:skin> adalah kode berikut.

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

Lalu klik Save Tempalte dan selesai. Silahkan lihat hasilnya.


Cara menghilangkan navbar blogger

Sama seperti cara pertama di atas, namun kode yang harus kamu paste di atas kode ]]></b:skin> adalah kode berikut.

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

Lalu klik Save Tempalte dan lihat hasilnya. Silahkan pilih modifikasi navbar blogger mana yang kamu suka. Semoga Navbarnya semakin cantik.

Related Post:

or or