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
Further Reading…- Blogger + Adsense Hack: Show ads after each post to earn more from your blogger beta blog!
- Top 10 Labels in Blogger Beta Layout!
- Google Adsense Hack: Automated Section Targetting for bloggers!
- Earning more with AdSense product referrals without viloating TOS
- Blogger To Wordpress Redirection Plugin with 1-to-1 Mapping Between Old and New Blog Posts!
