Cara Membuat Navbar Menjadi Hilang atau Auto Hide di Blog


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

 Cara Membuat Navbar Menjadi Hilang atau Auto Hide di Blog

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.com, jika sudah,
  • Pilih Template → Klik Edit HTML
  • 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.

    Update :

    Jangan lupa nonaktikan atau pilih pilihan off di Tata Letak yang ada widget navbarnya.


      Selamat Mencoba !

      1 Komentar untuk "Cara Membuat Navbar Menjadi Hilang atau Auto Hide di Blog"

      1. mkasih gan ,, di test dulu tutor menghapus navbar nya, postingan yang bagus dan bermanfaat ini layaknya di share ajja ,, nih saya bantu ngeshare ,, ,, jgn lupa kunbal nya di anprat.blogspot.com tmakasih skali lagi gan

        BalasHapus

      Iklan Atas Artikel

      Iklan Tengah Artikel 1

      Iklan Tengah Artikel 2

      Iklan Bawah Artikel

      Tekan close (x) 2 kali untuk menutup, jangan lupa Berlangganan

      Masukkan Email aktif untuk update artikel via email :

      Delivered by FeedBurner

      ×