Welcome to Adsense Tutorial, today I will show you guys how to display ads on Blogger blog inside blog post and controlling where the ads to display in your blog post. Adding Google ads inside Blogger posts is highly recommended if you really want to increase the number of clicks on your ads. In this tutorial, I will show you how to implement ads code and control where the ads to display. There is no way where your visitor will read your blog post without seeing ads and clicks will be generated base on liked ads that display.
So, if you are yet to insert Adsense ads inside your Blogger post, I strongly recommend you to try this and see the difference to increase your ads clicks revenue. Placing the Google ads inside your blog post and have the privilege to control where your ads to showed or displayed, is not possible without having to edit your blog’s "HTML template." NOTE: You can't put the ads with Blogger widgets just as you do on the sidebar on your blogger blog,
footer or header sections of your blogger blog. If it happens you place the ad codes using the wrong location in your "HTML," your "HTML" will not be saved.
In this blog post, I will show you, the correct way to add your Adsense ad codes inside your blogger blog post and control where your ads to display using the new Blogger HTML Theme.
How to Put Adsense Code Inside Blogger Blog Post
1.) Login to your Adsense Account with your Gmail associated your Adsense account. www.google.com/adsense
2.) Click on “My ads” tab
3.) Click the “New ad unit” button
4.) Select the 300×250 Medium rectangle ad size
5.) Fill other options, save and copy your given code.
Here we need decoder parser. So, here we need to parse the ads code and decode it to the ordinary script for easy past in the "HTML THEME" Make sure you have copied out your ads code and paste it in the notepad. Once you have done this, continue with the tutorial. Now,
1.) Go to http://www.freehtmlparser.blogspot.com/
2.) Copy and paste your ad code inside the box found in " http://www.freehtmlparser.blogspot.com/" and click the “Encode” button
3.) Copy and paste the code somewhere using your notepad Now, you will add your parsed code in the codes below before using it in your blog’s template.
4.) If you want your ad to display at the center inside your post.
5.) If you want your ad to display at the left side inside your post.<b:if cond=’data:blog.pageType == “item”‘>
<div style=”float:left;”>
PUT YOUR ADS CODE HERE
</div>
</b:if>
<b:if cond=’data:blog.pageType == “item”‘>
<div style=”float:left;”>
PUT YOUR ADS CODE HERE
</div>
</b:if>
6.) If you want your ad to display on the right side inside your post.
<b:if cond=’data:blog.pageType == “item”‘>
<div style=”float:right;”>
PUT YOUR ADS CODE HERE
</div>
</b:if>
The above code is conditional tags that restrict the Ads to post pages only.
After you have successfully added your parsed codes inside the code above where you choose or where you want your ads to display, copy and paste it
in your NOTEPAD.
1.) Log in to www.blogger.com
2.) Go to “Template” > “Edit HTML”
3.) Once the HTML loads successfully, click inside it
4.) Press CTRL F on your keyboard to bring up the “Find” box as seen below
Now, Copy and Paste this code <data:post.body/> in it and hit the ENTER key on your keyboard to search for the quick result. This will
help you locate the code in the HTML.
If you find <data:post.body/> more than one times in your Blogger blog theme editor, paste your Adsense code above
the SECOND and THIRD <data:post.body/> if you want your ad to be displayed below the post
title/at the top of the post.
Now, If you want your ads to display after the post, you have to paste the code below the second and third <data:post.body/>. You can also find the second <div class=’post-footer’> and paste the ads code directly under it. You can also parse it under <div class=’post-footer-line post-footerline-3′> Save your theme and view your blog. After you have saved your theme, view your blog and see the changes.
You have any question? Please drop it in the comments box. Please don't spam!
very nice article you shared.
ReplyDeleteif you want to know the technologies updates,visit below site.
Dot Net Tutorial for Beginners with Examples
I'm glad to see the great detail here!.
ReplyDeleteinstacart express coupon