Cara Menghilangkan Navbar Blogger Blogspot

4 Nopember 2007 in Panduan Membuat Blog, Tips blog
Tags: ,

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,

73 Replies

  1. abdullah

    11 Februari 2009 at 12:43 pm

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

    Balas
  2. nurzaidi

    11 Februari 2009 at 6:37 pm

    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.

    Balas
  3. arif

    16 Februari 2009 at 12:41 am

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

    Balas
  4. Hifni

    20 Februari 2009 at 1:44 am

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

    Balas
  5. Hifni

    20 Februari 2009 at 1:45 am

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

    Balas
  6. Hifni

    20 Februari 2009 at 1:46 am

    Padahal kepengen banget biar ky punya orang juga!!!

    Balas
  7. inuel

    3 Maret 2009 at 2:29 pm

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

    Balas
  8. Rubianto

    6 Maret 2009 at 12:23 pm

    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…

    Balas
  9. Rubianto

    6 Maret 2009 at 12:25 pm

    /* 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….

    Balas
  10. antoni

    10 April 2009 at 1:39 am

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

    Balas
  11. sasuke_over

    4 Mei 2009 at 5:37 pm

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

    Balas
  12. Andybatee

    19 Mei 2009 at 5:26 pm

    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

    Balas
  13. wipo

    10 Juni 2009 at 8:41 pm

    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.

    Balas
  14. cahpati7

    30 Juni 2009 at 9:56 pm

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

    Balas
  1. 1 Odlan’s Weblog Ping balik on Mar 29th, 2008 at 2:13 pm

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

  2. 2 Tutorial Blog « “welcome to my world” Ping balik on Jun 10th, 2008 at 7:50 am

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

  3. 3 Tutorial WordPress.com « Mtopan’s Blog Ping balik on Des 31st, 2008 at 5:16 am

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

  4. 4 Bahan Nulis Blog (Fatih Syuhud) « Blizzard Villatium Ping balik on Mar 8th, 2009 at 7:24 am

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

  5. 5 perkenalan « K4m4li’s Blog Ping balik on Mar 16th, 2009 at 8:13 pm

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

  6. 6 Tutorial Blog « gooooooo…! Ping balik on Mar 25th, 2009 at 12:42 pm

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

  7. 7 CARA MUDAH MEMBUAT BLOG ANDA « Nwaye’s Blog Ping balik on Apr 6th, 2009 at 10:29 am

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

  8. 8 Tutorial Blog « Virtual First Ping balik on Mei 6th, 2009 at 4:38 pm

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

  9. 9 Tutorial wordpress.com dan blogspot, adsense « -bebas berkarya- Ping balik on Jun 3rd, 2009 at 9:16 am

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


« Membuat Link dalam Satu Halaman
Cara Buat Text Area »

Leave a Comment


trackback address