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

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

Wow - thanks for that - a brilliant tutorial


LolidsOfficialBlog 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!