How to add ads above banner in blogger

In this post I'll share a little tip about adding a gadget above your blog header. This way you can easily add your HTML ad code above blog's banner to drive more revenue.

It's not very complicated to do. Remember to back up your blog's template first.

• Go to Blogger Design > Template > Edit HTML > Jump to widget > Header1. 

• Find this code: ( Hit Ctrl + F ) 

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='' type='HTML'>

• There are 3 places to change: ( The highlighted parts )

maxwidgets='1' change to '2'
showaddelement='no' change to 'yes'
locked='true' change to locked='false'
                       

• Your new code should be like this:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>

• Hit Preview to make sure everything is fine then Save template.

Go to Layout, you'll find a HTML/Javascript section above the Header. Now it's easy to add your ads code or any HTML codes you want to.