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

If you like this post, you may subscribe to my RSS feed or email alerts to receive automatic updates in future! Thanks for reading... :-)