Add One More Widgets Under Header | Blogger Tutorial.

You can't add one more widget under Header section in default Blogger templates. Most of people would like to add Adsense ad code, search box, translator or a horizontal dropdown menu bar under header. So you need to change some default CSS code to do that.

Follow these steps to add a widget area under header:

1- Go to Dashboard >> Layout >> Edit HTML.

2- Find the following code after <body> tag:

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

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

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

Note: I have altered maxwidgets='1' to maxwidgets='3' that means you can add 3 widgets in Header section.

4- Now save your template and see the changes.