Jumat, 08 Februari 2013

Cara Membuat Navbar Menjadi Hilang atau Auto Hide


Kali ini Saya akan membahas Cara Membuat Navbar Menjadi Hilang atau Auto Hide.
Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini:


 

Bagi teman-teman yang baru daftar ke blogger biasanya navbar ini masih ada di atas blognya teman-teman. Sebagian blogger merasa tidak nyaman kalau navbar ini tampil di blog mereka. Beberapa alasan yang biasa muncul adalah karena takut nantinya para pengunjung mengklik tulisan blog berikut, sehingga dengan mengklik tulisan itu maka si pengunjung akan dibawa ke blog lain, alasan lainnya, karena memang tampilannya kurang menarik, dll. oleh karenanya banyak dari para blogger berusaha untuk tidak menampilkan navbar ini, baik itu dengan tidak menampilkannya secara permanen, ataupun dengan cara menyembunyikannya dengan auto hide. Demo ada pada blog Saya.

A. Membuat Navbar Auto-Hide.

Tutorial ini akan menjadikan navbar blog kita tidak kelihatan, namun tidak hilang. Karena cukup dengan mengarahkan kursor mouse kita ke arah navbar (bagian atas blog) maka secara otomatis navbar blog akan kelihatan. Untuk lebih jelasnya silahkan untuk mengarahkan kursor mouse Anda ke bagian navbar blog ini.

Berikut cara membuatnya :
  • Login ke Blogger.
  • Klik Tata Letak → Klik Edit HTML → Expand Template Widget
  • Lalu cari kode ]]></b:skin> agar mudah mencari tekan (ctrl+f)
  • Lalu copas kode di bawah ini di atas kode ]]></b:skin>


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

  • Simpan dan lihat hasilnya



B. Membuat Navbar Hilang / Menghilangkan Navbar.

Selanjutnya cara menghilangkan navbar, dan tentunya ini tidak bisa muncul seperti trik auto-hide. Beberapa blogger masih membahas apakah menghilangkan navbar blogger itu termasuk melanggar TOS (Term of Service) Blogger atau tidak. Akan tetapi secara pribadi si empunya blog hanya menemukan di ruang TOS Blogger menyatakan tentang kegunaan navbar ini adalah agar si pengunjung blog tertentu bisa mengunjungi blog berikutnya, tentunya ini tidak menentu alias secara acak. Sedang kegunaan lain bisa anda temukan di navbar itu sendiri, seperti: mencari sesuatu yang ada di blog yg sedang kita kunjungi, berbagi atau sharing isi blog, forum untuk melaporkan penyalah gunaan blog, entri baru, kostumisasi, dan sign in/ sign out. Jadi selama belum ada peraturan mengenai hal ini, teman teman santai saja tidak perlu khawatir. Toh belum ada laporan mengenai blog yang dihapus gara-gara navbar-nya dihilangkan.

Cara membuatnya pun sama seperti cara yang ada di atas, yang berbeda hanya kodenya saja seperti di bawah ini ↓


#navbar-iframe {
display: none !important;
}
Perhatian :

Jika Anda ingin memunculkan navbar kembali, Anda hanya perlu menghapus kode yang terpasang tadi.


Selamat Mencoba !

Tidak ada komentar:

Posting Komentar