07 December 2007

Cara Menghilangkan Navbar (Navigation Bar)

Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com?
Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini.

Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

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



contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

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


/* Variable definitions
====================

4. Kemudian simpan.

Selamat Mencoba.....!!

99 comments:

  1. makasih bos atas saran menghilangkan navbar blog...

    ReplyDelete
  2. wah punya ku koq gak bisa ya navbar tetep nongol

    ReplyDelete
  3. Anonymous09 July, 2008

    pak apakah tidak salah penempatan
    -----------------------------------------------
    Blogger Template Style
    Name: Son of Moto (Mean Green Blogging Machine variation)
    Designer: Jeffrey Zeldman
    URL: www.zeldman.com
    Date: 23 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */

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

    /* Variable definitions
    ====================


    harusnya ==> sesudah ===> /* Variable definitions ===> baru ==> display: none !important;

    sori lancang, habis gak bisa sih dan saya cobak ke alterl 2 baru jalan. makasih sebelumnya artikelnya.

    ReplyDelete
  4. Anonymous10 July, 2008

    ternyata ndak sama antara blog saya 1 dan blog saya 2 setingan diatas beda2.... :D

    ReplyDelete
  5. @dhawuh, cb lihat pagesource dari blog ini. aku lihat sourcenya dari blog km jga sama kok seperti itu.

    ReplyDelete
  6. Anonymous28 July, 2008

    Mas, knapa punyaku koq keluar kode error ini ya Mas bX-cxyu7t...waktu saya mau hilangkan navbar di blog saya...mohon petunjuknya ya Mas.

    ReplyDelete
  7. Anonymous28 July, 2008

    Upss sudah OK Mas, ternyata untuk memasukkan scriptnya tersebut Expand Widget Templates --> tidak perlu dicentang dan justru kalau dicentang malah error Mas...Tks atas triknya ya Mas...

    ReplyDelete
  8. thankU bost....ilang2 cling..heheh bersih..^_^

    ReplyDelete
  9. Mas! saya udah diikuti perintah tuk msang comment dibwah posting tv hasilnya ttap ga bsa apanya yang salah ya mas!!
    makasih ilmu nya Blogku dah lumayan PEDE!!

    ReplyDelete
  10. boleh boleh boleh.......banyak yang aku adopsi boleh?

    ReplyDelete
  11. udah tau duluan mas...
    artikel yg lain mang keren.. abizz

    ReplyDelete
  12. Thank's bnget atas semua ilmunya boss.
    Semoga sukses selalu....

    O ya boss gimana cara buat navbar yg ada loginnya???

    ReplyDelete
  13. Thx Alot Bro!!
    Akhirnya bisa juga ngilangin tuh Navbar :)

    Tuk teman2 smua silahkan mampir..... :)

    ReplyDelete
  14. Bagi yang belum berhasil mungkin karena tipe templatenya xml...

    Kalau yang xml caranya begini...
    Setelah masuk edit html dan centang expand widget...cari /* Page Structure….nanti ketemu kode

    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:$startSide;
    font: $bodyFont;
    }

    Setelah ketemu kode diatas...tambahi kode berikut:

    #navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Jadi setelah digabung jadi begini...

    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:$startSide;
    font: $bodyFont;
    }#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    Semoga berhasil...

    ReplyDelete
  15. Makasih banyak yah mas atas ilmu ngilangnya , sekarang jadi ilang beneran nih ...........

    ReplyDelete
  16. makasih ilmunya mas
    www.1st-chromerims.blogspot.com

    ReplyDelete
  17. wah ilmunya banyak juga yahehehehe...thanks bro

    ReplyDelete
  18. mas..sya newbie..kalo misalnya navbarnya dihilangin..nanti kalo mau kustomisasi atau posting baru,..masuknya lewat mana.maklum ya mas pertanyaannya

    ReplyDelete
  19. Mending juga di sembunyiin, kayak taskbar-nya windows... :)

    ReplyDelete
  20. wah bagus nya...
    tapi klo caranya autohide gmn ya??

    ReplyDelete
  21. keren bro, blog ku jadi oyi buanget, thanks berat men!

    ReplyDelete
  22. ilang mak clink...
    thanks bro..
    semua tips & trik nya mo aq cobain

    ReplyDelete
  23. Makasih mas :o

    ReplyDelete
  24. terima kasih....
    insyaAllah artikelnya bermanfaat

    ReplyDelete
  25. ayo,ayo,ayo..sapa yang mau ngilang?

    ReplyDelete
  26. blog nya asyik buaaanget. terim atas tip nya

    ReplyDelete
  27. mas....bagaimana mahu menampilkan navbar untuk template yang tidak ada navbar....tolong ajar saya yaa....terima kasih..... :D

    ReplyDelete
  28. @Kodil, itu biasa, cb aja lain waktu.
    @Anonim, kalo navbar diilangin kalo mo customisasi ya login ke blogger dong, disitu kan ada dashboardnya.
    @eBn_sEe_BaR_uWaiShZ, kalo untuk menampilkannya ada harus bisa mencari kode yg untuk menghilangkan trus hapus kode tersebut. untuk kodenya tiap templkate beda2 karena cara untuk menghilangkannya pun beda2

    ReplyDelete
  29. bos mau, tanya gmn cara mengembalikan header yang hilang?
    http://ali-jember.blogspot.com

    ReplyDelete
  30. mas, sayakan ganti templet,saya ga tau saya maen ganti aja templet saya jadi templet clasic.....

    trus saya mau gati templet jadi ga bisa.....

    gimana caranya balikin blog saya ke new blog?

    gimana mas?
    saya berharap blog saya kaya dulu lagi....

    ReplyDelete
  31. Thanks untuk tipsnya.
    Saya sudah mencoba dan berhasil.

    Sukses untuk Anda...

    Salam Sukses,

    Josiandy Wibowo
    http://www.program-accurate.blogspot.com
    http://www.english-premiere.blogspot.com

    ReplyDelete
  32. istimewa untuk tips dan tricnya matur nuwun sanget saudara,,blessed you up

    http://babajoeblog.blogspot.com/

    ReplyDelete
  33. Mas Aq coba pasang di blog ...kok tidak bisa ya ? apa salah penempatannya ya ?

    Mks...salam sukses

    ReplyDelete
  34. Makasih Informasinya Mas,,,, Ijin coba dulu

    ReplyDelete
  35. Susah juga yah mas kalo di praktekin langsung :(

    ReplyDelete
  36. blog nya asyik buaaanget. terim atas tip nya

    ReplyDelete
  37. blog nya asyik buaaanget. terim atas tip nya

    ReplyDelete
  38. terima kasih....
    insyaAllah artikelnya bermanfaat

    ReplyDelete
  39. Sudah hilang mas navbarnya, makasih ya..

    ReplyDelete
  40. berhasil... trims trik-tips nya :-)

    ReplyDelete
  41. blog nya asyik buaaanget. terim atas tip nya

    ReplyDelete
  42. terima kasih....
    insyaAllah artikelnya bermanfaat

    ReplyDelete
  43. terimakasih banyak atas informasi menariknya gan.. saya sangat senang bisa membaca artikel anda yang bagus dan bermotivasi ini...

    Susu Kambing Etawa - Susu Kambing Etawa

    ReplyDelete
  44. terimakasih atas informasi menariknya gan.. Jangan lupa berkunjung ke blog obat herbal kami dibawah ini yah..!!


    foto penyakit sipilis
    penularan sipilis
    mengobati sifilis
    pengertian penyakit sipilis

    ReplyDelete
  45. wah keren artikelnya gan
    Bermanfaat banget..
    di tunggu artikel selanjutnya..

    ReplyDelete
  46. sebelumnya salam kenal gan .enaknya kalo malam malam gini ngopi gan.
    sambil ngopi kunjungi situs ane ya gan di jamin tidak merugikan ? ? ?
    obat sipilis
    obat sipilis pada pria
    obat sipilis pada wanita
    obat sipilis herbal
    obat spilis di apotik

    ReplyDelete
  47. Gan ane baca artikel agan mantaf ane kagum... maaf gan jangan lupa kunjungi situs kami ya gan... ~ nama obat sipilis pada pria ~ obat penyakit sipilis pada pria ~ obat sipilis pada pria

    ReplyDelete
  48. selamat malam gan yang agan=2 yang ganteng  obat sipilis pada pria dan wanita di apotik lapak ane gan obat sipilis pada pria dan wanita mohon izininya gan obat sipilis di apotik alami

    ReplyDelete
  49. senang bisa singgah di website nan indah ini.. salam kenal dari penjual obat kutil kelamin de nature indonesia yang terbukti aman dan ampuh untuk sembuhkan penyakit kutil kelamin tanpa efek samping ataupun ketergantungan obat. Simak semua ulasan seputar obat kutil kelamin herbal dan obat kutil kelamin ampuh untuk sembuhkan benjolan seperti kutil di kemaluan pria dan wanita.

    ReplyDelete
  50. Gan artikelnya bagus ane seneng bacanya bermanfaat gan... maaf gan semoga berkenan untuk mengunjungi situs kami yang membahas tentang penyakit kelamin gan...obat alami penyakit sipilis pada pria ~ artikel obat sipilis pada pria ~ cara obat sipilis pada pria

    ReplyDelete
  51. Gam Artikelnya bagus dan keren abis... Salam kenal gan dan jangan lupa kunjungin juga situs kami yang membahas tentang penyakit kelamin... semoga berkenan gan tararengkiew... ~ obat sipilis manjur ~ obat sipilis paling manjur ~ Obat Sipilis yg ampuh ~ obat sipilis yang paling mujarab ~ obat sipilis yamh ,anjur

    ReplyDelete
  52. wah makasih mas,, tambug bagus tamilan blog saya. :D

    ReplyDelete
  53. terimakasih banyak sob, sangat membantu tutorialnya,

    ReplyDelete
  54. Anda Sedang memilih Obat Wasir Herbal untuk wasir stadium 4 yang Ampuh untuk mengatasi wasir anda? Tepat sekali anda mengunjungi situs ini. Disini kami memberikan solusi untuk masalah wasir anda. dan anda dapat membuktikannya sendiri. ke ampuh an dan Ke manjur an dari pengobatan wasir atau ambeien menggunakan obat wasir herbal Ambeclear dan salep salwa( salep wasir) dari De Nature Indonesia.

    ReplyDelete
  55. Infonya keren gan :)
    Izin share aja ya
    http://pengobatanalami88.com/pantangan-bagi-penderita-batu-empedu/

    ReplyDelete