Cara Menghilangkan Navbar Blogger Blogspot Oleh fatihsyuhud.com
Bagi pemakai blogger.com / blogspot yang merasa kurang sreg dengan adanya Navbar (navigation bar) di header blogspot paling atas (di atas judul blogspot Anda) dan berkeinginan untuk “menyembunyikan”nya dari pandangan pengunjung, Anda bisa memakai kode javascript berikut. Letakkan kode di bawah di kode CSS template Anda. Kode CSS terletak di bagian paling atas template yakni antara <style> dan </style> Copy/paste kode berikut:

<style type=”text/css”>
#b-navbar {
height:0px;
visibility:hidden;
display:none}
</style>

Salam ngeblog,


  1. Sudah lama memakai cara ini, dan sampai sekarang juga masih, tetapi yang menjadi pertanyaan, sebenarnya melanggar gak seh?

  2. hihi.. bener juga ya.. div nya navbar aja dibuat invisible..:D
    gak kepikir.

    prinsipnya sama kayak mau ngehilangin iklan adsense friendster di profil kita.. div nya juga yang dibuat invisible

  3. KANGBAROK

    iyamas!

  4. Thanks infonya…

  5. eh ya
    ngijin naruh linknya di blog saya ya?
    makasiiih!

  6. date header kok bisa ilang y???? cara munculinnya lagi gmn tuwgh????

  7. dihapus aja kodenya yang tadi diletakkin entu.. hehehe..coba aja.
    Salam kenal semua dari sun-dee…

  8. weh saya malah bingung, nda bisa-bisa. edit rss-nya dari mana.
    step by step donk, kan pemula, tks

  9. sebelumnya saya mencari css utk #b-navbar memang tidak ada. jadi langsung copi paste code diatas tapi nggak bisa, kenapa yah?

    #CSS itu berada di bagian atas. cirikhasnya ada tanda }. taruh aja di bawah tanda }

  10. nie

    kalo pake xml naruhnya dimana ya? thks

  11. Apa boleh gitu?

  12. waduh mas fatih salah mulu nih ngisi komennya :D
    mungkin mas fatih bisa edit aja…
    pasti ngerti kan maksud saya hehehe…

    btw nice blog mas…
    pengen bikin blog yg kreatif kek gini tp saya kurang pintar nulis :D

  13. Artina

    Mas fatih, aku baru pemula dalam hal blog, bagaiman caranya supaya posting kita yang pertama selalu berada di halaman utama?

  14. w.pratiwi

    gini mas, saya punya banyak blog, tapi kok kalo saya posting yang nongol nama blog yang pertama saya buat?
    misal :
    saya posting foto di blog A, udah jadi, nah tulisannya dipublikasikan oleh blog B (note : blog A dan b masih punya saya smua)

  15. makasih banget mas…..

  16. more knowledge : D buat saya blogger baru..met kenal yach mas…

    Regards,

  17. Thanks infonya….’n salam kenal

  18. mas fatih ko aku ga bisa nemuin dan

  19. i want delete my blog,how its way?

  20. QUOTE: “… “menyembunyikan”nya dari pandangan pengunjung, Anda bisa memakai kode javascript berikut. Letakkan …”

    bukankah itu kode CSS bukannya javacscript, maaf kalo saya salah.
    Tipsnya menarik juga Mas.

  21. Pay

    mas nvbarnya mash error, aku sudah telusuri edit HTML nya kode gak ada, jadi bingung perlu pertolongan. thx

  22. Mas error, masukin kodenya di mana ya mas, saya sudah cari di HTML nya tp ga ada kode ?
    makasih

  23. mas saya coba copy paste html code nya biar navbarnya ilang…tapi kok g bisa ya mas….skalian mas fatih tolong kasih masukan soal blog saya ya.

  24. >kode css template itu dimana ya mas? di Pengaturan/format atau di layout/edit HTML ? please aq msh awam bgt nich…..
    >trus aq masukkan 4 subscribe bisa gk di gabungin jd satu elemen halaman…..
    >kasih saran dong utk blogspotku, Thanks Mas….

  25. mas aku gak tau tempat ngeletakinnya, tolong di bantu dong, thq

  26. mas..fatih bisa gak thema wordpress jd thema blogger he,,,,

  27. waduh mas aku bingung banget narunya nih…..bisa diperjelas donkkk soalnya ga ketemu-ketemu nih…trims
    lamkenal

  28. acil

    cara menghilangkan iklan di friendster gmn ya? udah di cari2 sana sini gk ketemu

  29. kalo yg xml…cari
    #outer-wrapper {
    width:740px;
    margin:0 auto;
    text-align:$startSide;
    font: $bodyFont;
    }

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

    Ternyata sukses…coba buka blog yg saya kelola…alumni-fkm-undip.co.nr

  30. hans

    >kode css template itu dimana ya mas? di Pengaturan/format atau di layout/edit HTML ? please aq msh awam bgt nich…..
    bingung nehh !!!
    >kasih saran dong utk blogspotku, Thanks Mas…

  31. @rubianto: Makasih ya…mantab bro

  32. aing teu ngarti euy nyieun Blog teh kumaha….?????
    bere nYaho lah??

  33. @Hans:edit html….centang expand widget…terus cari aja didalamnya….dibawah /* Page Structure….nanti ketemu kode

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

  34. sukses….berhasil..berhasil..tp apa blogspot nggak marah mas?

  35. Assl.
    Salam kenal, sebelumnya trmkasih tas literaturnya. tetapi masih ada beberapa kendala. yaitu script yang tidak sama dan tidak ada. itu enaknya diakali gmn, dan tunggu kabar pertolngan dari saya
    :)

  36. manismadu

    salam…
    i’m interested this topic.but i still can’t apply all the guides.i did not find the code either method from mas fatih or “rubianto”. any one can help me… i’m really want to “hilangkan navbar”. mas fatih, could u tell more details. or any others can help me.. TQ!!

  37. mungkin saya manggil maz fatih syuhud kakek guru…he*,kayak di film2 kung fu,mang masterx blog
    saya sangat baru di dunia blog, mohon bantuanx…..

  38. shofiyudin

    Mas , aku gak mau nanya spt bloger bloger lain, aku hanya mau kenalan ma mas fatih dan ma cewek 2x di situ, so aku new blogger 2008 . Bagi yang mau knal ma aku dan penasaran dengan produk aku kunjungi alamat Http://jajanankhasjawatimur-yudin.blogspot.com

  39. mas fatih triknya sudah saya coba, tapi gak ketemu tuh #b-navbar-nya
    trus saya coba sarannya mas rubianto dan ternyata berhasil…..
    di tunggu tri lainnya ya!!!!

  40. saca bikin read more nya susah buanget

  41. keren maz.. kapan ya bisa jadi blog besar sebesar punya mas..

  42. Mas Fatih, Terima kasih atas tutorialnya…. Saya memang agak terganggu dengan adanya navbar. ingin saya coba-coba hilangkan sendiri tapi takut salah, karena saya masih baru banget ngeblog….

    Syukron Mas

  43. mas rubianto, makasih ya!
    dah bisa ngilangin pake kode yang dari mas

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

    aye…!

    kalo ada yang mau silaturahim, main aja ke priandhani.blogspot.com

  44. ngijin linknya ditaro di link saya yah..saya newbie banget
    mampir2 yaah : http://www.ketokpintuku.blogspot.com
    makasiii

  45. kang…daku ijin copy paste beberapa tag html ya. Makasi banget atas ilmunya. Moga banyak pahala.

  46. nuhun pisan,,,
    newbie nehh..numpang nnya,,
    klau mw nympen logo blogger d mn yahh??

  47. Thanx, success.. Tapi klo mau diatur blogx gimana..?
    Salam kenal blogger semua, saya newbi.. mampir ya di blogq

  48. eko

    salam kenal,
    saya coba kok gax bisa ya mas,saya cari kode
    gax ketemu

  49. langsung.. berangkat.. thanks

  50. Halo..Bang Afatih
    Blognya ok banget terutama untuk belajar bikin blog, banyak sekali membantu saya sehingga blog yang saya buat lebih enak dilihat daripada sebelumnya.
    Thanks..sukses selalu bang.

  51. misi smuanya slam knal ney,….

    mas fatih bantuin aku dunk,..aku kan punya blog tapi aneh nih blog aku sekarang,.masa setiap klik judul dari postingan saya atau klik archivenya malah langsung redirect ke profile FS saya mas???

    bingung saya mas,saya udah tanya kebanyak bloger lain malah disuruh bikin baru aja!!
    mohon bantuannya ya mas,.
    mudah”an ada solusinya jangan sampe bikin baru lagi,..
    tank-Q y mas fatih,..

  52. thanks mas fatih, great work!
    @rubianto thanks its so great
    in my script look like this:

    #outer-wrapper {
    font:$bodyfont;
    }#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    it’s work!!
    btw setahu saya ini emang diijinkan oleh blogspot kok. so jgn kuatir.

  53. waduh mas..gak bisa..bisa!!Sory.. sayakan beginer!!

  54. Hikz-hikz…nga bisaaaaaaa!!!!
    Pemula banget nc….hikz-hikz

  55. Dasarnya pemula..dah dicoba berkali-kali tetep nga bisa. Hikz-hikz!!! :(

  56. Padahal kepengen banget biar ky punya orang juga!!!

  57. binun trus ni,,,udah sering mamapir cari solusi ,,,hahahahahah,,,emng ni aku blogger Oon,,nga bisa mulu,,huaaaaaaaaaaaaaaaaaaaaaaaa

  58. Buat acil….cara ngilangin iklan di friendster…masukan kode dibawah ini ke menu css…

    /* HIDE FOOTER ADS*/
    .adHeadline, .adText, .adLink { filter: alpha(opacity=0); opacity:.00;
    height:0px !important; width:0px !important; text-decoration: none;
    color: #ffffff; font-size:0px !important; }
    #sn_adbrite { filter: alpha(opacity=0); opacity:.00; height:0px !important; }

    bersambung…

  59. /* HIDE “SHARE YOUR LATEST REVIEWS” LINK*/
    .center #reviewpromo
    {position:absolute;
    left:-15500px;
    height:0px!important;}

    /* REMOVE FEATURED SPONSOR*/
    #Marketing {margin-top:-3500}

    /*REMOVE TEASER BOX*/
    #teaserBox {height:0pt; width:0pt; overflow:hidden;
    background:transparent; border-width:0px!important;}

    bersambung….

  60. ternyata mudah kok,..

    cari Edit HTML -> Find aja kata outer ( bagian pojok kiri bawah ) lalu buat seperti ini ;

    #outer-wrapper {
    font:$bodyfont;
    }#navbar-iframe {
    height:0px;
    visibility:hidden;
    display:none
    }

    tks,.mas fatih,
    Salam kenal smua,..

  61. Thanks,sangat membantu sekali yach…..lam kenal dari orang cirebon.

  62. Andybatee

    Letakkan kode di bawah di kode CSS template Anda. Kode CSS terletak di bagian paling atas template yakni antara dan Copy/paste kode berikut:

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

    <<<<<<>> We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “type”. <<<<

    perintah mas, antara kode dan …. udah saya laksanakan. gimana dong mas
    bantuin pls

  63. wipo

    mas fatih, pendatang baru ni. mau coba buat blog. hehe8…, artikelnya benar-benar sangat membantu. Semoga setelah blognya jadi, mas fatih mengijinkan saya untuk tukar link. yang tentang Nav, kodenya taruh dimana ya?, saya tidak bisa menemukan tempat pastinya. mohon bantuannya. terima kasih.

  64. haloo mas fatih lam kenal ya ..? minta izin ya mas mau copy/paste makasih sebelumnya ?

  65. wah,,, mas fatih keren ya
    :D
    minta ijin untuk terus menyimak ya

  66. Simple tapi penting, gooooooood !

  67. bagaimana caranya memasukkan gambar pada header bosss
    mohon kritik dan saran yang membangun yaaa

  68. thanks tips nya !

  69. arigato ternyata blogku keren juga ha ha ha ha….

  70. Thank Q, bagi saya yang baru belajar ngeblog ,saya banyak belajar dari blog ini , kayaknya sy perlu banyak belajar dgn yg punya blog ini

  71. wisiih mantap nih infonya

  72. Mas Fatih, thanx atas infonya dan memang ini yang sedang Aku cari.
    Sukses selalu.
    ps: sering-sering dunk mengupas masalah bloging dengan blogspot.

  73. oke juga gha akn ngancel thu blogger nya.tank infonya maju tuk blogger.

  74. reladzi www.blanknote.co.cc

    mas benarkah http://www.co.cc gak gratis?saya bingung

  75. Mas fatih,saya sudah mengikuti tutorial anda tentang cara menyembunyikan Navgar dan saya sudah mempraktekan tapi Navgarnya tetap muncul di blog saya,gimana cara lanjutnya mas?terima kasih atas bantuanya.

  76. Saya kebingungan mencari dan di blog saya. bantu ya pak!

  1. 1 Odlan’s Weblog

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  2. 2 Tutorial Blog « “welcome to my world”

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  3. 3 Tutorial WordPress.com « Mtopan’s Blog

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  4. 4 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  5. 5 perkenalan « K4m4li’s Blog

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  6. 6 Tutorial Blog « gooooooo…!

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  7. 7 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  8. 8 Tutorial Blog « Virtual First

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  9. 9 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya-

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  10. 10 CARA BUAT WEBSITE GRATIS..! « TIADA KEMULIAAN TANPA ISLAM

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]

  11. 11 Link Tutorial Blog Lengkap (Wordpress, Blogger/ Blogspot) « .mifka weblog.

    [...] Cara Menghilangkan Navbar Blogger Blogspot [blogger] [...]

  12. 12 Drop-down Blogroll « copy p@ste

    [...] Cara Menghilangkan Navbar Blogger Blogspot [...]




Leave a Comment