We have been moved to http://www.bloganol.com/

Creating a section in blog header lets you add gadgets in your blog below and above your blog header.It is much more easy to create a section to add gadgets below and above your blog header.Follow the simple tutorials below and know how to create it.

Search for the code with id='header' in the code section of your blog without expanding widget templates.The block of code looks like this.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bloganol Sample Blog (Header)' type='Header'/>
</b:section>
</div>

Now change showaddelement='no' to showaddelement='Yes' and maxwidgets='5' like below.Here maxwidgets='5' means you can add maximum 5 widgets in your header section.

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='5' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Bloganol Sample Blog (Header)' type='Header'/>
</b:section>
</div>

After you finish this save your Template.Here are the snapshots related to this hack.

Before:

After:

comments

3 Responses to "How to create section to add Gadgets in your header section?"
Freesat said...
October 14, 2008 at 3:50 AM

Wow - thanks for that - a brilliant tutorial


EditorPinoy said...
March 18, 2009 at 8:56 AM

Hi Bloganol,

I also have a tutorial the same as this post but with additional tweaks so that you could rearrange your Header widgets.

please take a look here:
http://bloggertinker.blogspot.com/2009/03/how-to-put-additional-widgetsgadgets-in.html
How to put additional widgets/gadgets in your Header in Blogger

Thanks!^_^


Lolids Here said...
July 3, 2009 at 9:38 PM

i still confuse my blogs can't add the gadget under header .pls help me, i not find tag = "header-wrapper" in my edit HTML..???


Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!