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:
Wow - thanks for that - a brilliant tutorial
ReplyDeleteHi Bloganol,
ReplyDeleteI 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!^_^
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..???
ReplyDelete