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:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or