Aug 3, 2009

How to Show Blogger Navbar?

Most of new blogger template always hide Navbar. What's Blogger Navbar? Blogger Navbar is default navigation menu bar on top page.The purpose of not displaying navbar is for better looks. Honestly, I also remove this so my blog layouts will looks clear ^_^

But some people still want show blogger navbar on blog. First, we have to know why navbar is not show up?

Open Edit HTML, find this code

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


See, navbar is set not display (display:none;)

So how to show up blogger navbar? Simply. Just delete that all code. And how to hide? Just put that code on your HTML.

38 comments:

  1. Yes, thank you so much for this simple trick,,, OK???

    ReplyDelete
  2. this is really very basic...
    never mind..

    ReplyDelete
  3. tul, headermu kuwi ya, potelote deleh ning tengen. Trus tulisan latine dideleh ning ngisore huruf i kedua.

    Berati gambar potelote dewe ning tengene tulisan, gak ngganggu tulisan ipietoon. Koyoke akan lebih ciamik maneh... cobalah.. halah...

    ReplyDelete
  4. @ndop:okeh
    @f3hry: around the world there's a large number people who needs basic tuts
    @hidup itu manis: ok

    ReplyDelete
  5. good info mas cebong..,
    klo untuk me-minimize navbar gemana caranya ya..?
    contohnya di blog Kang Rohman (http://kolom-tutorial.blogspot.com. Jadi klo cursor mouse kita taruh di posisi Navbar, navbar akan muncul. klo kita geser cursor mouse,navbar akan minimize.
    gmana kang cebong Please...??

    ReplyDelete
  6. @centra: terima kasih sarannya.. :d nanti saya utak atik hehehe, sepertinya cukup dengan menu hidden
    @bidik:makasi kunjungannya

    ReplyDelete
  7. Bagusan di hide mbak, wkwkwkwkwk....
    Sekarang Blogspot serba hack-mengahck, ckckckck...

    ReplyDelete
  8. Mbak..kalo hidden navbar itu apa juga melanggar TOS blogger to?

    ReplyDelete
  9. @itik: keknya si ud g melanggar..
    @zipp:yoi

    ReplyDelete
  10. wow,.
    so simple trick.
    okey.. i want to hide my Navbar. thanks for sharing

    ReplyDelete
  11. hi,

    if i want to hide the navbar, where should i put the codes?

    thanks.

    ReplyDelete
  12. @internet marketing: put before this

    body {
    background:#ffffff;
    margin:0;
    color:#333333;
    font:x-small Georgia Serif;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }

    ReplyDelete
  13. thanx..that's really help for a person that not-so-into-IT-thing like me.hehe.

    ReplyDelete
  14. Deleting this snippet from e.g. the Green Scrapbook diary effects that the body background gets erased entirely. What's up with that, and how to correct it?

    Also, when a blog is hosted on Blogger and the navbar is hidden on purpose, Blogger reserves the right to simply delete that blog without warning.

    ReplyDelete
  15. @anonym: no, :) i have removed navbar since one year ago...

    ReplyDelete
  16. This comment has been removed by the author.

    ReplyDelete
  17. whoaa...em looking for this for a long time! Thank you very much :)

    ReplyDelete
  18. Hi there cebong ipiet! :)

    I've been searching in the internet for adding items in the navigation bar but come to no where. Everytime i click on the different navigation bar in my blog it appears "add bookmark live". Why? I thought navigation bar moves you to another page. It seems like all the navigation bar is not working no matter how hard i try. I want to make use of the navigation bar and add items inside :(

    Please contact me at : sherinesoong@gmail.com

    ReplyDelete
  19. A
    {color:#999999; text-decoration: none; cursor: crosshair;}
    A:visited
    {color:#EEEEEE; text-decoration: none; cursor: crosshair;}
    A:active
    {color:#999999; text-decoration: none; cursor: crosshair;}
    A:hover
    {color:#EEEEEE; text-decoration: underline; cursor: crosshair;filter:flipv;}
    }
    .navbar {
    overflow: auto;
    }
    .nav {
    overflow: auto;
    }
    my template show this, how can i show my nav bar?

    ReplyDelete
  20. Yes, thank you so much for this simple trick,,, OK???

    ReplyDelete
  21. @xi nong : that's navigation menu, not blogger default navbar. just find navbar-iframe
    @sherine: hi.. you can search "how to create navigation menu"

    ReplyDelete
  22. tq so much!!!!1
    then,i can show my navbar..

    ReplyDelete
  23. My blogger template doesn't have navbar-iframe lines (I have checked the 'expand widget'.)

    ReplyDelete
  24. Thank You!!!!!
    Been looking around for the solution and got it here....THANKSSSSSS

    ReplyDelete
  25. One accessory that many pandora beads women consider a necessity is a handbag. In fact there is such a demand for pandora bracelet ladies handbags in the marketplace that the selection just constantly pandora bracelets ebay increases. As each new season begins there are pandora bracelets uk dozens of new designs of ladies handbags available. pandora charm bracelet Every woman has her own sense of style and therefore she’ll tend to purchase ladies pandora charms handbags that reflect that. For some women they only buy designer ladies handbags. pandora charms bracelets These particular types of ladies handbags are crafted from the finest materials and pandora jewellery carry the names of some of the most celebrated designers in the world. Designer pandora jewelry ladies handbags are very expensive but many women view them as a fashion pandora uk investment.

    ReplyDelete
  26. The large range of diamond thomas sabo jewellery often makes it very difficult for men to decide thomas sabo what type of thomas sabo ireland to purchase for their loved ones. Diamonds symbolize love, thomas sabo charms and thomas sabo bracelet , which makes it hard to choose the right piece of jewellry from the large variety of Diamond rings, Diamond earrings, Diamond thomas sabo pendants, Diamond thomas sabo necklaces, Diamond bracelets and of course Loose diamonds- which are always perfect since they can be set in any type of silver jewellery . We can’t choose the perfect diamond thomas jewellery for you but we can help you with 5 easy steps:Step 1- Knowing what she likes:Narrow down the type of sterling silver charms she likes to wear by observing the jewelry she wears in general, and on different occasions.The thomas jewellery she wears may vary.For example, her daytime jewelry may be different from the silver bracelets she wears when she goes out or to formal occasions.Knowing the color and size of the jewelry she wears:

    ReplyDelete
  27. Hi there, our blog are using your Flower Garden template and when we wanted the navbar to show. So we used your tutorial and it worked greatly. But just a slight problem, the brown bar seems to shifted up or something. And we can't seem to find which code is for it. Can you help us out here?
    Thanks in advance!

    ReplyDelete
  28. Hi, tks so much for this link! I just did it to hide my navbar instead of not having any at all for the downloaded template! Tks! :D

    ReplyDelete
  29. Hi I very need your help!! Please.

    How to edit the text of the navbar and detelete some sections?
    I have your Template..
    this is my blog: http://theplacewwlive.blogspot.com/

    I'd like to have only 4-5 "sections" on the navbar..how to do it?

    sorry for my english !

    ReplyDelete
  30. Coach outlet online Leading American designer and maker of luxury lifestyle handbags and accessories.Large market in Europe and Canada,UK,USA etc.Welcome to Order!2011 New Style arrive,Free Shipping!

    ReplyDelete
  31. Navbar blogger so fantastic blogger so that can be know that and enjoy it in this blogger. Mostly are used and enjoy it in this blogger.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008