Sebelumnya saya akan sedikit share kepada semua sahabat blogger tercinta, seperti kita ketahui bahwa kita menginginkan tampilan blog kita elegan cantik dan menarik,adakalanya kita sering menggunakan jasa pihak ke3 dalam pemilihan template yang menarik,tapi setelah kita pasang template itu, navigasi bar menjadi hilang,wahhh...itu hebat and cukup cantik tanpa adanya navigasi bar....jadi seperti web yang keren banget.....tapi tahukah sahabat semua,bahwa dengan menghilangkan navigasi bar telah melanggar TOS dari google,tapi jujur saja...hal ini menjadi perbincangan di kalangan para blogger mania baik yang sudah master ataupun beginner seperti saya.....tapi setelah dipikir benar-benar,nav bar adalah bawaan google yang disertakan pada template mereka dan itu secara logika tidak boleh dihilangkan,perumpamaan seperti kita bekerja di suatu perusahaan dan kita disuruh memakai tanda pengenal di dada kita,apakah kita tetap menggunakannya atau tidak?...tentu saja kita harus dan wajib menggunakan karena hal itu adalah salah satu ciri identitas,nah biar tidak terlalu mencolok ada solusi yang bisa diterapkan tanpa harus menghilangkan secara total identitas itu,...yup pada blogspot navigasi bar di buat autohide ....maksudnya navigasi bar itu tidak kelihatan saat di tampilkan tetapi akan tampil saat kursor mouse kita melewatinya...ok,langsung saja ikuti langkah-langkahnya :
1. login dulu di Blogger.com
2. Pilih Desain / design
3. Pilih Edit HTML
4. cari kode body { ,untuk lebih mudah tekan ctrl F kemudian ketik body { setelah ketemu copy dan paste kan kode HTML di bawah ini tepat di atas kode body {
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
5. kemudian save setting
6. Lihat perbedaannya
Jika sahabat blogger semua terlanjur mengganti template yang tidak menampilkan navigasi bar maka langkah-langkahnya adalah sebagai berikut :
1. Login dulu
2. pilih Desain Design
3. Pilih Edit HTML
4. Temukan Kode berikut
#navbar-iframe {
height : 0;
visibility : hidden;
display : none;
}
5. Setelah ketemu code script di atas maka hapus saja, dan di ganti dengan code script pertama yang ditampilkan diatas yaitu untuk menampilkan Navigasi bar menjadi Autohide
6. Nah, jangan lupa untuk menyimpan perubahan..dan lihat hasilnya
7. Semoga penjelasan di atas dapat membantu dan berguna
8. Alhamdulillah
0 comments: on "Menghilangkan dan Autohide Navigasi Bar Blogspot"
Post a Comment