Seputar Trik Navbar Blogger

Thanks telah berkunjung...

Apa itu Navbar Blogger? Untuk lebih mudahnya teman-teman bisa langsung melihat gambar ini:, nah bagi teman-teman yang baru daftar ke blogger biasanya navbar ini masih ada di atas blognya teman-teman. Sebagian blogger merasa tidak srek atau 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 ini maka si pengunjung akan dibawa ke blog lain, alasan lainnya lagi 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 akan tetapi jika kita mengarahkan mouse kita ke navbar, maka navbar tersebut akan muncul, atau biasa juga disebut dengan navbar auto hide (contohnya saja blog ini^).

Untuk melakukan trik navbar ini kita hanya membutuhkan sedikit mengotak atik kode templet kita.

A. Membuat Navbar Auto-Hide.

Trik 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. Bagaimana, tertarikkah anda untuk mencobanya? kalau tertarik, langkah-langkahnya adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak.

3. Klik Edit HTML.

4. Lalu cari kode ]]></b:skin> (Gunakan Ctrl+F) lalu kopi-paste kode berikut 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)}




5
. Klik Simpan Template.

6. Sekarang silahkan dilihat hasil kerjaan anda.^



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 untuk/ 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, teman2 santai saja gak perlu khawatir. Toh belum ada laporan mengenai blog yang dihapus gara-gara navbar-nya dihilangkan^.

Ok, langkah-langkah menghilangkan navbar adalah sebagai berikut:

1. Login ke Blogger.

2. Klik Tata Letak >> Edit HTML.

3. Letakkan kode berikut setelah bagian yang ada tulisan "Blogger Template Style" kalau tidak, bisa juga diletakkan di atas kode tag ]]></b:skin>

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



4. Sehingga nanti susunannya akan seperti berikut ini:
























5
. Klik Simpan Template.

6. Selesai...


Nb: Kalau navbarnya mau dimunculin lagi, tinggal dihapus aja kode tersebut^




Semoga Bermanfaat []

Tags: Cara menghapus navbar blogger, cara menghilangkan navbar blogger, cara membuat navbar blogger auto hide, trik seputar navbar blogger blogspot, cara mengatur navigasi bar blogger, navigasi bar menghilang auto hide






Bagikan informasi ini ke teman-teman sobat

Postingan menarik lainnya...



37 comments:

"Terima kasih untuk tidak spam di sini"

  1. salam kenal. Baik. Saya pengin buat kotak iklan 125 x 125 berbayar dan kalau bisa ada tulisan i hari Rp. 1000 atau tulisan 1 week $ 1. Terima kasih.

    ReplyDelete
  2. cara memasukan foto kedalam navbar tau gak??

    ReplyDelete
  3. Maksudnya bagaimana sobat? Apakah ada contoh...jiak ada insyaAllah saya akan memposting tutorialnya di blog ini di waktu mendatang. Semoga membantu :D

    ReplyDelete
  4. mantap gan,,,ane udah coba..top markotop

    ReplyDelete
  5. thx u, artikelnya bermanfaat banget :)

    ReplyDelete
  6. makasih mas, sudah sangat membantu, lanjut.

    ReplyDelete
  7. terimakasih om atas post'n. . .
    ini sangat bermanfaat . . .
    blog saya sekarang lebih enak di pandang hha

    ReplyDelete
  8. Thanx buat TIPS nya gan...
    jangan luoa buka blog ku ya..
    http://sugengbro.blogspot.com/

    ReplyDelete
  9. makasih tips nya, bermanfaat sangat :10

    ReplyDelete
  10. bergaya dengan ini gan...terimakasih selalu :15

    ReplyDelete
  11. thanks atas informasinya yang sangat bermanfaat dan mudah dicerna

    ReplyDelete
  12. gan mo tanya klo diblog yg versi baru nyarinya dimana...? di template bukan?

    ReplyDelete
  13. oke...gan sudah bisa..mantab..thk's tipsnya.

    ReplyDelete
  14. @MunajatYo'a sob...lalu pilih edit HTML
    Keep blogging!
    :D

    ReplyDelete
  15. gan cara logoutnya gimana nich...waktu login, menu logout msh ada, tp kalo kita masuk view blog atau lihat blog, ga bisa logout mau masuk edit template juga ga bia...maklum gan msh pemula..thk's

    ReplyDelete
  16. @MunajatAda banyak cara sob. Salah satunya ketik blogger.com di address bar...tekan enter. Nanti perhatikan nama anda di kanan atas blog, klik lalu pilih >> Log out. Semoga membantu
    :D

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. Thank's gan ats Tipsx,,
    ijin Copas y..

    ReplyDelete
  19. barusan coba auto-hide navbar, n berhasil. makasih bnyak mas iqbal... sehat selalu n tambah sukses ya!!

    ReplyDelete
  20. terimah kasih bro atas tutorialnya

    ReplyDelete
  21. udah tiga hari otak-atik baru ketemu txz gan infonya

    ReplyDelete
  22. makasih infonya gan...

    ReplyDelete
  23. Sudah kucoba, tapi tak berhasil. navbar tak muncul

    ReplyDelete
  24. @YusufJika sobat masih merasa kesusahan dalam menerapkan tips di atas, silahkan kirim kode template sobat di email ane => Klik "kontak" pada menu blog ini.
    Thanks telah berkunjung :D

    ReplyDelete