Sunday, December 18, 2011

HOW TO INSERT GOOGLE ADSENSE CODE INSIDE YOUR BLOGGER POST


This one is for those that have started using google adsense to make money just the way I have been making for the past one year. If you have not started using google adsense and blogging, you need to go here now, you can also find out ways of making money online here.

For those of us that are using google adsense to make money with their blog, we will discover that one of the best sections to display your Google Adsense ads is INSIDE your blog post. So far, the Adsense block in my blog posts is one of the most performing on my blog.  In this post, I am sharing with you, how to add Adsense ad INSIDE your blog post.

Before you implement this trick, kindly back up your template, after backing up, follow the below steps

STEP 1: Login to your Google Adsense account and create a new ad.  Choose the 336x280 large Rectangle ad type. Then, copy the code into a Notepad.  Try and create a channel for the ad, if you know how to do it.

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 <data:post.body/>  and paste the parsed code above, directly above  <data:post.body/>  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

The below trick will align the ad to the right of your blog post and also ensure that the ad only displays on post pages and not on the homepage.

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..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <div style='float:right;padding:5px;'>
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--
google_ad_client = &quot;pub-&quot;;
google_ad_host = &quot;pub-&quot;;
google_ad_host_channel=&quot;00000+00013+00012+00299&quot;;
/* 336x280, created 12/26/09 */
google_ad_slot = &quot;5115307496&quot;;
google_ad_width = 336;
google_ad_height = 280;
//--&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

 </div>
</b:if>


That's all.

NOTE: You can change the float setting in the code above to center or left if you do not like been floated to the right.

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.
Subscribe to this blog and get tips and tutorials on how to make money online while browsing free with your mobile phone.
Cheers

No comments:

Post a Comment

WE LOVE YOUR COMMENTS AND VIEWS

IF YOU LOVE THIS ARTICLE, READ WITH THROUGH RSS READER OR SUBSCRIBE USING YOUR EMAIL

Dekokoblog | The Information Blog Headline Animator

SUBSCRIBE HERE | GET UPDATES IN YOUR EMAIL

Enter your email address:

Delivered by DekokoBlog