How to add a new page element in blogspot header

I wanted it for long time,to add a banner or adsense ads unit above my blogspot blog header.I preferred a 728 by 90 leader board image only adsense ads above my header.

But by default there is option to set or add a new page element in header section.This also applies to post widget and tabs widget too.

Also placing adsense ads unit above blog post and below tab is a greater choice,as there are link in there and visitor has greater attention in this spot.

So we will set new page element in blogspot header,post,and also in tabs.This can be done easily.

Adding a new page element in blogspot post,header and tabs section

1.Go to Edit Html section.From blogspot dashboard >> Design >> Edit Html.
2.Enable "Expand Widget Templates " by checking the button left .
3.Press Ctrl + F to enable browser text search option.
4.Look for this text - showaddelement
5.You will see

maxwidgets='1' showaddelement='no' ;

change

it to maxwidgets='3' showaddelement='yes'

6.For header -

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>

7.For tabs-

<b:section class='tabs' id='crosscol' maxwidgets='3' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>

8.Below tabs-

<b:section class='foot' id='footer-3' showaddelement='yes'>
<b:widget id='HTML21' locked='false' title='' type='HTML'>

9.For post-

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>

View large

View large