Monday, April 22, 2013

Beranda » , , » Show GOOGLE ADSENSE Anywhere Inside The Blogger Post

Show GOOGLE ADSENSE Anywhere Inside The Blogger Post

Google AdSense is one of the world’s largest advertising networks which share the revenue with their publishers when they publish their advertisements on their blog or websites. Now days almost every blogger or webmaster uses this advertisement program to generate revenue from the advertisements. According to Google AdSense program policies they allow only limited number of ad units to show on each page of your blog or website. Wordpress provides the facility to their users to show the AdSense ads anywhere in the blog posts, but blogger is not very much flexible to allow their users to do so. So, here i am going to show you the trick through which you can show the AdSense ads anywhere in your blogger posts to improve your CTR (Click Through Rate) and generate more revenue. In order to apply this feature just follow the simple steps below.


  1. Go to GOOGLE ADSENSE > AD UNIT and get the code for the ad according to your requirement.

  2. Copy the code and save it in a NOTEPAD file, for later use.

  3. Go to HTML PARSER CODE CONVERTER , insert AdSense ad code and click "PARSE" button to convert, to make the AdSense Ads work with blogger templates.

  4. Log in to your Blogger Dashboard.

  5. Go To Template > Backup. (Click Here To See, How?)

  6. Click “EDIT HTML”.

  7. Press CTRL+F and find <head> tag.

  8. Just below the <head> tag place the following code.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>

Note: If you have not using so far the JQUERY script in your blog, only then use the above code. Otherwise leave it.

  1. Now just below <head> tag, copy the following code.
<script type='text/javascript'>
$(document).ready(function()
{
$(&#39;a[name=&quot;more&quot;]&#39;).before($(&#39;#TP-AdSense ad&#39;).html());
$(&#39;#TP-AdSense-ad&#39;).html(&#39;&#39;);
});
</script>

  1. Now press CTRL+F and find the following code:

    <data:post.body/>
  1.  Paste the following code just below <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='TP-AdSense-ad'>
<br/>
<center>
"Your Google Ad Parser Code Goes Here."
</center>
<br/>
</div>
</b:if>

That’s it, you are all done. Now refresh your blog and visit any post to see the GOOGLE ADSENSE Ads. See an example below:



Note:

If you want to show the ads more than one place in the blog post than delete this line $(&#39;#TP-AdSense-ad&#39;).html(&#39;&#39;);

Change Your Google Ad Parser Code Goes Here” to your own generated "Parsed AdSense Code."



- Don't forget to share this post and leave your valuable thoughts about this post below.