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. Endy

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

  2. Pitra

    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. blackraptor

    Thanks infonya…

  5. kangbarok

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

  6. syp y,.

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

  7. sun-dee...

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

  8. koes

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

  9. balqis

    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. Teresa

    Apa boleh gitu?

  12. fandhie

    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. miko

    makasih banget mas…..

  16. agus syarif

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

    Regards,

  17. mbah joyo

    Thanks infonya….’n salam kenal

  18. uday

    mas fatih ko aku ga bisa nemuin dan

  19. sasan

    i want delete my blog,how its way?

  20. Ihwan

    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. Multy News

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

  23. sherman

    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. Farid

    >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. bonar

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

  26. odlan

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

  27. mamas

    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. Rubianto

    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. bleach

    @rubianto: Makasih ya…mantab bro

  32. Viking Galuh

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

  33. Rubianto

    @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. bunda rie

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

  1. 1 Odlan’s Weblog

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

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

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



Leave a Comment




  • Blog Stats

    • 827,234 hits
  • Komentar Sampah