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:
<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>
<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>
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.
No comments