Membuat Autohide Pada Navbar di Blogger
Navbar, adalah akronim dari Navigation bar, adalah widget yang terletak dibagian paling atas blog. Ukuran navbar sangatlah kecil. Jika dihitung dengan satuan centimeter (Cm), tinggi navbar hanya 1 cm, dan lebarnya tergantug lebar dari monitor. Fungsi navbar jika dilihat dari tampilannya, adalah untuk membagikan artikel ke bookmark seperti Facebook, Twitter, Google+, dan Pinterest. Fungsi lainnya dari navbar adalah untuk masuk dan keluar akun Google, membuat entri baru (bagi yang sudah masuk ke akun Google). Namun, menurut pendapat saya pribadi, fungsi navbar dapat dikatakan tidak terlalu maksimal.
Mengapa kurang maksimal? Karena, navbar ukurannya sangat kecil dan berada di bagian paling atas blog. Mungkin pengunjung blog yang datang jarang yang melihat navbar. Mungkin Anda berniat untuk menonaktifkannya? Seperti yang dikatakan oleh term of service (TOS) yang diberlakukan oleh pihak Blogger, menghilangkan navbar termasuk ke dalam pelanggaran. Resiko dari pelanggaran TOS adalah blog akan ter-banned oleh pihak Blogger..Walau sanksinya kurang dapat terealisasi, karena masih banyak Blog yang menonaktifkan navbar blog tersebut namun belum terkena sanksi dari Blogger.
Meskipun begitu, prinsip saya adalah kita harus menaati peraturan yang ada, karena peraturan harus dilaksankan. Walaupun blog ini tidak mempunyai navbar karena sudah ganti templatenya sih. Cara kerja autohide navbar adalah navbar akan tersembunyi, dan baru akan terlihat apabila navbar didekatkan oleh pointer mouse. Ikuti langkah-langkah berikut untuk membuat autohide pada navbar :
1. Pada dasbor, pindah ke Template.
2. Pilih Edit HTML.
3. Cari kode ]]></b:skin>. Untuk mempermudah, tekan Ctrl+F.
4. Jika sudah ketemu, letakkan kode berikut tepat diatas kode ]]></b:skin>.
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
5. Simpan Template. Sekarang, lihat blog Anda untuk memastikan apakah navbar sudah autohide atau belum.
0 komentar