HACKERS UNDERGROUND © 2012 BY RISHABH SHARMA

Sunday, 31 July 2011

Make Blogger NavBar Like a Regular / Normal Gadget in Blog


example of navbar in sidebar
Blogger Navbar is a default gadget in Blogger / Blogspot blogs and couldn't be edited or moved to sidebar etc. It remains on the top. But now it is possible to do so. It can be changed into a regular blogger gadget and can be moved in gadget section like in sidebar, below posts or in footer etc. The trick to remove navbar gadget from the top of blog layout was given by BloggerPluginsand then with the help of that code, I removed it from the top and placed the gadget code in my blog's sidebar section.  In some simple steps you can also do this. I am giving the tutorial below. Please follow the simple steps given in the following:


1. Login to your Blogger.com account and go to Design >> Edit HTML.


2. Remove all CSS etc. relating to NavBar (if you have used).

3. Press Ctrl + F to find the following code
<body>
and just before it, insert <!--<body>-->  so it looks like
.....

<!--<body>-->
  <body>

.....
see figure


Don't Save The Template


4. Now search for Posts Gadget code similar to following code (make sure that Expand widget templates check box is unchecked).
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
5. Just below the above code, paste the following code
like in the figure.
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>



6. Its ready, Now Save your template.


7. Go to Design >> Page elements to move your navbar where you want.


Note: If you have any problem or confusion about this article than please discuss in comments.

2 comments:

Jamie @ Love Bakes Good Cakes said...

This comment has been removed by the author.

Jamie @ Love Bakes Good Cakes said...

I have this code in my html but want to get my Blogger navbar back to the top like it used to be .... can you tell me how to do that?

Post a Comment

 
Design by HACKERS UNDERGROUND
HACKERS UNDERGROUND © 2012 BY RISHABH SHARMA