Monday, July 2, 2007

Fix missing blogger navbar

Yikes, after 3 times of migration i finally settle down here at blogger. Still being a newbie here, i encountered the issue of missing blogger navbar after custom theming it. I don't seem to be able to google a fix for it though, so figured it out myself. Here goes the solution:

<!-- working fix for missing blogger navbar -->
<!-- blogger navbar -->
<div class='navbar section' id='navbar'>
<div class='widget Navbar' id='Navbar1'>
<iframe frameborder='0' height='30px' id='navbar-iframe' marginheight='0' marginwidth='0' scrolling='no' src='http://www.blogger.com/navbar.g?targetBlogID=###################&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=TAN&amp;layoutType=LAYOUTS&amp;homepageUrl=http%3A%2F%2Fmyblogname.blogspot.com%2F&amp;searchRoot=http%3A%2F%2F
myblogname.blogspot.com%2Fsearch' width='100%'/>
<div id='space-for-ie'/>
</div ></div >
<!-- blogger navbar end -->
<!-- end working fix for missing blogger navbar -->

In your "Template", under "Edit HTML", just copy and paste the code above right below the <body> tag. Then replace the following values respectively:

################### -> Replace this with your BlogID number, to get it point your cursor at the "New Post" button when you are logged in to your blog. Right click on it and choose "Copy Link Location" then paste the link location somewhere (empty text document like "notepad" maybe). You should get something like "http://www.blogger.com/post-create.g?blogID=1231231231231231231". Those numbers there are your BlogID.

myblogname -> Replace this with your blog name that appear on your blog URL (address).

And voilĂ !

For those wanting to get rid of the blogger navbar instead, just add the code below above the #header-wrapper line:

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

Do know you will be losing the convenience of your blog search and log-in, post, customize directly from your blog URL site if you remove the navbar.


UPDATE (30 January 2010)
The codes above has been fixed and should be working now. Sorry i've been missing out on the post.

6 comments:

Cypher said...

uh.....doesnt work

Anonymous said...
This comment has been removed by a blog administrator.
Anonymous said...

Hi, Ronald ..

Like Cypher wrote.
It doesn't work, unfortunately.
Perhaps a code or something is missing somewhere?

i looked for your e-mail on your blog, but can't find it anywhere.
It's been months since the last comment.

Hope u'll check in soon.

Thanx,
nonie

Ronald Chua said...

Hi Nonie,

The above code to make the blogger navbar reappear has been fixed.

Pardon me, since the past years much has happened and i have not been able to keep an eye on the blog.

I'm still working on being a better blogger. Will be blogging again soon. Thanks for visiting and reminding me :)

Do leave a comment again if it is still not working.

Thanks and regards,
Ronald Chua

Scott Rowley said...

I just tried this on my blog and it didn't work :(

whoisrowley.blogspot.com

Ronald Chua said...

Scott, i checked your blog (whoisrowley.blogspot.com). Your navbar is there :) Or were you trying to fix it for another blog?