Google How to set adsense ads under post title in blogspot blogger

May 4, 2011

How to set adsense ads under post title in blogspot blogger

Most of the publisher prefers putting their adsense ads below post title. In Fact this is a very effective adsense ads placement.

In blogspot if you like to put adsense ads you may do this directly in updated post editor in draft.blogger.com. But this is not recommended.This ads shows nicely but it create problem with search bot or ads bot.This crawler might think this ads as if it a part of the post.


adsense in blogspot blogger


Plus it creates a great problem,if you like to change ads ,then you have to go through all post to edit.Thats a hectic job.

But there is no way to be upset,there is a simple way to put adsense ads in blogspot blogger under post title.


adsense ads under post title in blogspot



1.Convert adsense codes html entities


This should be done.To place any code in webpages the html entities should be encoded.Go to centricol.com to convert html entities

2.Placing the adsense code in template


a.At first back up your template.From [dashboard~~Design~~Edit HTML]
b.Then select expand widget templates.
c.Look for this below code




<div class='post-body entry-content'>





d.Then put adsense ads code above this two codes,like below.




your adsense code here
</div>
<div class='post-body entry-content'>





how to show adsense ads below post title in blogspot blogger.



3.Displaying the adsense ads only in post pages


As there are only 3 adsense ads unit allowed in a page.So if you put adsesne ads below post title ,in main page there will be over 3 adsense ads unit.Only 3 unit will be shown ,the others will be blank,looking ugly.

A little modification will able to display the adsense ads below post title only in post pages only.

a.At first put the below CSS above this ]]></b:skin> .
I have used 300 by 250 adsense ads.So width is 360 and height is 260 px here.You should modify according to your ads type.




.ads-title{
display:none;
width:310px;
height:260px;
float:left;
margin:0px 5px 5px 5px;
}





b.Now put the css below </b:template-skin>





<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.ads-title{display:block;}
</style>
</b:if>





c.Now start from top.Encode (adsense ads + the div class)code ,then place in template.




<div class="ads-title">
adsense code here
</div>



No comments:

Post a Comment