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.

3 comments:

  1. It Worked For Me Thanks For Your Help

    ReplyDelete
  2. Is it possible for my template to not have that coding in it??? I've searched and searched for it, without any luck. Any help would be greatly appreciated. Thank you!!

    ReplyDelete
  3. @ stacey, yes every template has some difference in coding, just gimme your blog address and I'll try to help you!

    ReplyDelete

Note: All comments will be moderated.