One of our reader Deepak Jain wants to add Adsense banner ads in his blogspot blog.

While its simple to add any HTML/Javascript code in blogspot blogs using HTML/Javascript new element, option to add such element is by default disabled in header menu.

The problem can be easily seen in following two screenshots which are taken from Layout >> Page Element panel…

A. Default  Options..

B. After Enabling "Add a Page Element" Option…

Once Add a Page Element option comes there, you can edit blogs header as simply as editing sidebar. Putting Google Adsense ads in header won’t be any different than doing same in sidebar!

# Steps to Enable Add a Page Element Option…

1. Go to Layout >> Edit HTML Option

2. Search following codes in Edit Template box…

    <div id='header-wrapper'>
      <b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>

3. Make following two changes

• Change maxwidgets=’1′ to maxwidgets=’2′  or any number greater than 1.
• Change showaddelement=’no’ to showaddelement=’yes’.

4. Click on Save Template!

That it! Just go back to Page Elements tab and you will see Add a Page Element Option there!

Related: Show Adsense Ads After Each Post in Blogspot Blog