Many blogs have good blogger template and they want to add the google adsense link unit or google adsense ad below header or title. How to do it?
For this purpose either they can change the whole template or do the simple html code editing mentioned here. This widget / trick actually gives additional 'Add gadget' (add page element) option above the header.
Go to your Dashboard > layout > edit HTML > then search for
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>
</div>
Now you need to edit this code as shown below
change maxwidgets='2'
change showaddelement='yes'
change locked='false'
your code should now look like this
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>
Now go to Layout , you will find Add a gadget option above the header . Now click on it and you can add adsense link unit or ad unit or some other gadget. Then click save.
Your adsense ad will start showing above the header.
But suppose you want it below the header then how to do it ?
Sometimes you can not drag it in layout screen . So again go to Edit HTML and search for the code and then swap the lines as shown below and then click save. Now your ad unit is below the header.
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
</b:section>
Blogging tips, Blog traffic tips, Optimizing google adsense, Blog tips and tricks for better blogging, SEO services, Making money online, Blog widgets, Blogger templates, Search engine optimization, Social Media tutorials, Digital Marketing Training and Services
9 comments:
Wow It's great I was searching for this tweak all around the web. Finally I found it in your blog. I would like to give a million salute for this :-)
Awesome technique, worked perfectly on the Stretched Denim template. And more importantly I have learned the reason why some page elements weren't showing "add widget" while others were! Thanks.
I really want the adsense IN the header, a 468 banner on the right. Any way to do this?
Hello Frend! U r soo cool ! i would like to meet you.. Hey friend how did u publish your blog on google?
if u dont mind Could you add me?
my id - dotzz@ymail.com
Thanks .This is very useful
I like using this Tweak it one of theTips for BloggingI have Read and will be using it on my
Blog
Really a great blog for blogging tips. Keep it up. Great work.
perfect. thanks !
very helpful.
LOL, we added pagetabs, then I lost my beloved link unit. back now. Booya
Thank you very much for posting this clear and helpful tutorial. It worked perfectly!
Post a Comment