Tuesday, June 30, 2009

Add More Widgets Under Header


In default Blogger templates, you can't add another widget under Header widget. A lot of people would like to add Adsense, a search box, a translator or a horizontal menu under header, so you need to change some default code to do that.

This is a typical view of Layout | Page Elements section.


How to Add More Widgets Under Header

Steps


To create Add a Gadget option under Header widget, follow these steps:

1- Go to Layout | Edit HTML.

2- Find the following code:



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


Tip: You can find this code some lines after <body> tag.



3- Now make two changes in the above code, change maxwidgets='1' to maxwidgets='3' and showaddelement='no' to showaddelement='yes'. Now, the code should look like this:



<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Copy Mafia Template (Header)' type='Header'/>
</b:section>
</div>


Info: I've changed maxwidgets='1' to maxwidgets='3' which means you can add 3 widgets in Header section. A Header widget is there by default so actually 3 means 2 more widgets.

4- Save your template and go to Page Elements tab to see the changes.

No comments:

Post a Comment