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.

40 comments:

Hidup Itu Manis on August 3, 2009 10:47 AM said...

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

f3hry on August 3, 2009 11:17 AM said...

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

ndop on August 3, 2009 11:57 AM said...

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

admin on August 3, 2009 12:53 PM said...

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

central004 on August 3, 2009 1:51 PM said...

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

bidikCOM on August 3, 2009 2:52 PM said...

trik yang bagus.....

cebong ipiet on August 3, 2009 8:10 PM said...

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

Zippy on August 3, 2009 10:42 PM said...

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

Itik Bali on August 4, 2009 6:50 AM said...

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

cebong ipiet on August 4, 2009 8:15 AM said...

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

chill-fu.net on August 4, 2009 8:59 AM said...

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

Internet Marketing Traffic on August 6, 2009 6:47 PM said...

hi,

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

thanks.

Cebong Ipiet on August 6, 2009 7:05 PM said...

@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;
}

fanadz on August 12, 2009 11:06 AM said...

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

Anonymous said...

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.

admin said...

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

blogger on November 23, 2009 9:02 PM said...
This comment has been removed by the author.
Hana Gracabelle on November 27, 2009 2:24 PM said...

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

Name : Sherine Soong on December 4, 2009 10:01 PM said...

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

xi nong on December 13, 2009 7:06 PM said...

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?

nino Nur'madi on January 16, 2010 2:56 PM said...

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

Media Komunikasi Visual on January 21, 2010 10:39 PM said...

Thank you... banget for tip nya..

Cebong Ipiet said...

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

+h!d[@]yah+ on January 28, 2010 12:18 PM said...

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

eyebuydirect coupons on February 3, 2010 1:20 AM said...

thank you it good post

Amber on February 8, 2010 6:28 AM said...

Thank you!! You saved my blog. :)

cazban on February 8, 2010 2:54 PM said...

I will try it..
Thanks

Uma Shankari on February 9, 2010 9:43 AM said...

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

Don on April 3, 2010 6:15 PM said...

Yes! That did it!
Thanks a lot

myWalk-myJourney-myLife on May 26, 2010 10:00 AM said...

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

Anonymous said...

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.

Anonymous said...

When UGG Classic Tall moment in Classic Tall Boots time Classic Tall uggs pertains find ugg 5815 expensive jewelry regarding UGG Cardy Mother you'll notice Cardy Boots engagement rings is among the actual
Classic Tall uggs ideal presents you can actually produce your mother. You Cardy Ugg boots can find explanation Cardy uggs why folks should display his or her's mother's ugg 5819 with gifts. A birthday and mom's birthday are usually a couple of the extremely UGG Classic Short

black fridays deals on November 15, 2010 3:57 PM said...

The perfect template!!

zhengbin on November 24, 2010 9:14 AM said...

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:

azwa on December 3, 2010 2:46 AM said...

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!

r4 sdhc on March 4, 2011 2:39 PM said...

R4
R4 DS
R4 SDHC
Acekard 2i
ps3 move
ps3 controller

Acekard 2i
r4
r4i

Memory Cards
fashion cowboy boots
western boots
R4 dsi

ღᏓуռ էяɨռɨאღ on June 7, 2011 5:39 PM said...

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

LittleArtist001 on June 24, 2011 9:45 PM said...

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 !

Coach Factory Outlet on November 29, 2011 2:16 PM said...

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!

bbqs on January 18, 2012 5:23 PM said...

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.

Post a Comment

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

Share

Widgets

 

Free Blogger Template, Blogger Widgets,Vector, Icon, Design Resources,Design Inspiration Copyright © 2011