4/9/12

Placement of Ads or Widgets below the post title in Blogger

This post is specially for one of my reader. I have just received a comment from Sarvesh. He was asking about how to put the Google ads below the post title. This will give better ad revenue and this is one of the good placement of ads.
Admin 
it will great if you show how to add ads in the post like you have in blogger i want to know it plz will u write a post abt it or tell me plz :)
I am glad to answer this question. Now have a look how to do this.





First log in to Blogger.com -> Layout-> Edit Html tab and Check Expand Widget Template.
Search for the following line of code:
<div class='post-body entry-content'>
If you haven't found above code, search for the following:
 <div class='post-body'>
Got it? ok. Now you can add the widget (ads) code just below the above code. See the below example:

<div class='post-body entry-content'>
You ads Code Goes Here....
                         OR
<div class='post-body'>
You ads Code Goes Here....
Replace the red colored text with your ad or widget code. If you get some problem like the ads or widget are show in home page also, you have to put some line of the code to show the widget in only one post page ( inside the page).

Replace the code which you have found above with:
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if>
                             OR
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left; margin-right:15px;'>
You ads Code Goes Here....(first ad)
</div>
</b:if> 
 Now, you will see your ads or widget are only inside the page. But don't forget to replace red text with your code.
Placement for second ad

The above one is first ad (left in position) . Now you can put second ad (Right in position). See the following example for details:

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>
                        Or
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; margin-left:23px;'>
You ads Code Goes Here....(second ad)
</div>
</b:if>
Updated

It may not work if you copy the ad code directly form adsense. You have to encode that html ads code. Do the following:
Copy & paste your ad code to following form and click Convert. Then copy the code after converting it & replace red text with the code which you have converted.

Post-Code: code converter
Gadgets powered by Google


And that's it. Hope it was clear. If you get some problem, you can frequently ask me :)
by hacktutors.info

0 nhận xét:

Post a Comment