Wednesday, May 16, 2012

How I inserted Google Adsense Link List ads at the end of my blog posts

As at the time of publishing this post, if you read any of my blog posts directly on my blog, www.ogbongeblog.com, you will notice Google Adsense Link List unit at the end of the post. In this post, I am sharing with you, how I did it.

Before you implement this trick, kindly BACK UP YOUR TEMPLATE first and I hope you already have an approved Adsense account. If you do not have one, Read: How To Register For Adsense Free of Charge.

So, lets get started.

STEP 1Login to your Google Adsense account, and create a new ad.  Choose the 180 x 90 ad type. if you prefer the horizontal LinkList, you can choose the 728x15 ad type. Then, copy the code into a Notepad.  Try and create a channel for the ad.  If you do not know how to create Adsense channels, read: http://www.ogbongeblog.com/2011/04/custom-adsense-channels-track-ads.html

STEP 2: Before you can insert the adsense in your blog, you will need to "Parse" the code. Hence, we will need an html parser to do that. So, go to http://www.blogcrowds.com/resources/parse_html.php
At the page, you will see a box, paste your Adsense code into the box and click the "Parse" button. Copy the parsed code. You will need this parsed code in Step 3.

STEP 3:  Login to you Blogger dashboard and navigate to Design > Edit HTML and tick the small "Expand Widget Templates" box. Using "CTRL+F", search for the code   and paste the parsed code above, directly below    and save the template.

That's all. View any of your blog post and you should now be seeing adsense ads showing in your post.

Remember, you can only see maximum of 3 Ad units on a page at a time. Hence, if you already displaying 3 ad units on your page, the fourth one will not display after adding this new one.

Advanced Customization

If you are as smart as me, then you can implement this advanced trick...lol. This trick will align the ad to the left of your blog post.

Copy the code below into a notepad and replace the blue part with YOUR parsed adsense code in step 2 and then paste it in your blog as explained in step 3 above. If you do not replace it with your adsense code, that means you will be making money for me because the code in blue, is mine..


 

<script type="text/javascript"><!--
google_ad_client = "pub-";
google_ad_host = "pub-";
google_ad_host_channel="00000+00013+00012+00299";
/* 336x280, created 12/26/09 */
google_ad_slot = "5115307496";
google_ad_width = 180;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
 


That's all.

I hope it works for you.

If it works for you, kindly use the comment form to share the link to your blog, so we can check it out. If you have problems to ask or want to make contributions, kindly use the comment form.

In my future posts,  I will share with you, more Adsense tricks. So, SUBSCRIBE to this blog now if you don't want to miss them, even if I post them here, when you are not online.



Cheers!


No comments:

Post a Comment