Selamat Datang di
Panduan Blog Tips dan Trik, membuat kode dan aplikasi kode, solusi optimalis blog
Kotak Status CongCot
Admin : Bang Jack or Jacky
Blogger From : Jawa Barat Indonesia
Status Now : Terjadwal

Jumat, 09 Juli 2010

Solusi Navbar Blogger, Menampilkan Atau Menghilangkan

congcot

Sesuai janji, saya akan posting kembali setelah dua minggu liburan, :) (permintaan maaf).
Sekarang saya akan membahas tentang navbar blogger.
Sudah tahu apa itu navbar?
Navbar atau Navigasi Bar merupakan fasilitas standar yang dimiliki oleh Blogger.com. Letaknya berada di bagian paling atas dari blog. Berfungsi antara lain untuk mulai melakukan Sign In atau bisa juga membuat Blog baru, melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS Blogger.Com atau hal lain yang dapat dianggap merugikan dunia internet.
Untuk lebih jelasnya silahkan lihat gambar dibawah ini :

congcot
 NavBar Blogger
Nah, pembahasan ini akan sangat panjang jika perselisihan antara boleh dihilangkan atau tidak, belum terpecahkan. Banyak posting yang menjelaskan bahwa menghilangkan navbar melanggar TOS blogger. tapi tidak sedikit pula yang meyakinkan bahwa tidak ada TOS blogger yang memperjelas pelanggaran ini.
So, bagaimana solusinya?
Karena menurut kebanyakan orang, navbar ini agak mengganggu penampilan blog, banyak para blogger yang berusaha menghilangkan, menyembunyikan, dan mengubah navbar itu sendiri.
Kali ini congcot akan memberikan solusi berdasarkan pengalaman. Silahkan pilih salah satunya.

Lebar...
Solusi ini yang congcot gunakan (untuk saat ini, karena paling simpel), yaitu hanya mengubah lebar navbar menjadi 0. Caranya:
  1. Masuk ke www.blogger.com dengan account anda.
  2. Masuk ke rancangan (tata letak), dan pilih menu edit html.

    congcot
  3. Masukan kode dibawah ini, dan simpan tepat diatas kode ]]></b:skin>
  4. #navbar-iframe {height:0;}
  5. Simpan Template
  6. Selesai.
Transparan...
Solusi yang kedua hanya mengubah navbar menjadi transparan. Caranya:
  1. Masuk ke www.blogger.com dengan account anda.
  2. Masuk ke rancangan (tata letak), dan anda akan memasuki daerah Elemen laman


    congcot
  3. Pilih edit pada navbar yang (backgroundnya) berwarna biru.
  4. Disana ada pilihan, silahkan klik cahaya transparan atau gelap transparan. Anda juga bisa memilih navbar lain sesuai selera.
  5. Klik Simpan, dan Selesai.
Otomatis...
Solusi ini yaitu menggunakan cara auto hide, navbar otomatis akan tampil jika krusor mengenai daerah navbar, dan sebaliknya, akan sembunyi jika krusor tidak ada di daerah navbar. Caranya:
  1. Masuk ke www.blogger.com dengan account anda.
  2. Masuk ke rancangan (tata letak), dan pilih menu edit html.
  3. Masukan kode dibawah ini, dan simpan tepat diatas kode ]]></b:skin>
  4. #navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
  5. Simpan Template
  6. Selesai.
Tampilan...
Solusi selanjutnya adalah dengan memakai kode display:none dan atau visibility:hidden. Caranya:
  1. Masuk ke www.blogger.com dengan account anda.
  2. Masuk ke rancangan (tata letak), dan pilih menu edit html.
  3. Masukan kode dibawah ini, dan simpan tepat diatas kode ]]></b:skin>
  4. #navbar-iframe {height:0px;visibility:hidden;display:none}
  5. Simpan Template
  6. Selesai.
Itulah sedikit solusi dari congcot, sebenarnya masih ada solusi lain, tapi mungkin akan di posting di lain waktu karena akan sangat panjang jika dibahas sekarang.

Intinya...
Navbar merupakan fasilitas yang bagus dari blogger. Tapi kadang untuk sebagian orang, akan mengurangi keindahan tampilan blognya. Masalah mau ditampilkan atau tidak, itu terserah anda. Tidak perlu saling menyalahkan, karena blog anda adalah milik anda, dan andalah yang lebih berhak.
Silahkan tinggalkan jejak kunjungan anda dengan berkomentar. Komentar juga berguna sebagai motivasi dan koreksi jika ada kesalahan dalam pembuatan posting. Terima kasih.

37 komentar:

pertamax mengatakan...

banyak banget caranya
hebat makasich infonya

mas doyok mengatakan...

saya milih lepas :)

iklan gratis mengatakan...

mantaf sob...bagus....solusi cerdas...

Prian Jaya mengatakan...

Sayangnya, blogku tidak menampilkan Navbar,,
tapi nice info juga,, menambah ilmu..

denadnan mengatakan...

congcot.. makin hari makin mantap aja.

sodiyc & acun mengatakan...

MAntab sob!!!!coba dulu sob!

Fadel mengatakan...

aku lepas aja" menurutku itu fitur tambahan blogger seperti quickedit.

Fadel i-om mengatakan...

aku lepas aja" menurutku itu fitur tambahan blogger seperti quickedit.

Siswa TKJ mengatakan...

Makasih sob atas infonya...
Kalo suatu saat nanti aku pngen mengubahnya, aku kunjungi balik blog ini...

wenks mengatakan...

namabah pengetahuan nih....

nice info fren....

maul mengatakan...

di lepas apa jangan ya?????

Amdhas mengatakan...

terima kasih infonya sobat...

Yuda Kurniawan mengatakan...

wah mas congcot makasih infonya ya. Eh ditunggu lho tutorial daftar isi milik mas congcot. Thx sob.

jaya mengatakan...

wah komplite banget sob...
aku pilih yang otomatis aja..

salam blogger

Nazarbayev mengatakan...

Katanya sob, kalo navbar ini dilepas, bkl dibanned ama google

Kang Deni mengatakan...

tips bermanfaat sob mantap

congcot mengatakan...

@Nazarbayev: gk ada TOS yang pasti dari blogger, coba baca lagi posting congcot, dan liat juga komentar temen2

makasich semuanya dah berkunjung, akses internet congcot lambat nich

PIK Remaja "Al-Hikmah" mengatakan...

makasih tutorialnya bro, ku coba coz pada blogQ ga ada navbarnya

musthofa mengatakan...

ane prnh liat di blognya master agus, jangan pernah menghilangkan navbar karena itu melanggar peraturan blogger... bener gak ya? ane sich ikut2 aja

congcot mengatakan...

@musthofa: memang banyak posting yang mengatakan itu, tapi setelah blogwalking dan search di google, saya juga dapet ilmu dan ternyata tidak ada penjelasan rinci masalah navbar blogger.

BeDa mengatakan...

Sewaktu membaca postingan Mas doyok beberapa bulan lalu tentang ancaman penghapusan blogger bagi yang melanggar TOS, saya mencoba memasang kembali navbar, tapi ternyata templatenya jadi rusak. Sebagian turun sekitar 100 piksel. Karena tidak ahli html saya tidak bisa mengembalikan. Akhirnya saya kembalikan template seperti semula. Tanpa navbar.

Salam ukhuwah

karzanik mengatakan...

katanya kalau menghilangkan navbar melanggar TOS ya kang...tapi bnayak blogger yang menghilangkan navbar masih tetap eksis....apa mungkin masih desas desus...

Solusi Membuat Favicon Di Blogger mengatakan...

karzanik: blogger gk memberikan TOS secara rinci tentang navbar, jadi gk apa2 menurut saya.

icantulang belajar blog mengatakan...

kalo ane lebih suka di pasang kang, coz jadi gampang login,atau logoutnya

denadnan mengatakan...

kalo aku suka pake sob...

Udhi mengatakan...

Kalau aku lebih suka memadukan navbar dengan header.

Sukadi Brotoadmojo mengatakan...

kalau aku kepingin pakai navbar, tapi ditemplate bawaanku tidak ada. cara nambahkan script biar ada navbar-nya gimana ya? takut melanggar TOS.. terimakasih

Aguy mengatakan...

makasih ya infonya / tp kalo nyembunyiin total g tega ya .. kayknya blog gratis ya gratis aja ya .. hehehehe .. pilih yg auto hide aja.

Prasko mengatakan...

ikutan ngambil ilmuny Pak..terimakasih2 berguna banget..

Anonim mengatakan...

Kalau daku, enaknya dibuat otomatis dan warna dirubah sesuai keinginan, hitung-hitung sudah pakai blog gratis, enaknya juga menghargai blogspot sebagai layanan online. Sharing saja setiap insan memang harus punya pendirian. Tank's untukblog ini sangat berguna untuku.....

thehadi mengatakan...

simple...mudah di implementasi..hasil OK
salam dari qu di jakartakotajasa.co.cc :D

Wati mengatakan...

Pinginnya mau ngilangin navbar, tpi takut didelete ma blogger.

Kristanto Adi Nugraha mengatakan...

Trims mas, aku masih bingung Posting lewat mana jika navbar ndak ada ndak bisa login....

blognya kie2 mengatakan...

makasih infonya

Unknown mengatakan...

eh, gw kok udah coba tapi navbarnya blon ada?
trus kalo g ada cari navbarnya di bagian mana?
thanks
(^^)

Anie Imuetz mengatakan...

saya lebih suka menghiddennya saja dengan none.

Anonim mengatakan...

waduh mas ma kasih banget info nya,... langsung ke TKP ah..

Bagaimana menurut Anda?