Place AdSense Ad Unit In Various Positions Inside Within Blogger Post Contents
There is trick to add Google AdSense and other advertising network such as AdBrite ad unit right beside and inside within Blogger post content, so that the ad block will appear wrapped and floated inline to the top left or top right next to the blog text. If you do not like this layout and dislike the prominent location the ads are displayed, there are other places within blog post to put the ad code.
The guide below provides tips and tricks on where should the parsed HTML ad code (after replacing several special characters with HTML code) be pasted and inserted in the Blogger XML-based template. In essence, the steps are exactly the same when positioning the ad next to and within post content, except that the text string to search (where to paste the ad code) is different.
To recap, go to Blogger Template tab for the blog you want to change, then click on Edit HTML. Remember to tick Expand Widget Templates check box, and perform the backup.
Wrap Around Next to the Post and Float to Left or Right
Refer to this guide.
After Post Title Before Post Contents
The ad banner will appear below post title but above and before the start of blog content. It’s actually exactly the same with tip above to wrap AdSense around the post, except that now the ad unit does not float but instead been place at the center without wrapping, and thus pushing content below it.
Search for the line of:
<p><data:post.body/></p>
Paste the parsed Google AdSense ad code inside <center><div> and </div></center> right before the above line so that it looks like below after change:
<div class=’post-header-line-1′/>
<div class=’post-body entry-content’>
<center><div>[parsed Google AdSense ad code]</div></center>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
After Post Content Before Footer Credits
The Google AdSense ad unit or other display ads banner will appear at the bottom of the blog post, after the end of content and just before the ending credits, within inside the post.
Search for:
<div class=’post-footer’>
Paste the parsed Google AdSense ad code inside <div> and </div> right before the above line so that it looks like below after change:
<div class=’post-body entry-content’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>
<div>[parsed Google AdSense ad code]</div>
<div class=’post-footer’>
To center the ads unit, add the wrapper of <center> and </center>.
After Footer Credits
Unlike the above where the ad unit appear before the credit right after post content, this time the ad unit will appear after the credit for the post is displayed. The easiest way to achieve the task is using built-in feature of “Show Ads Between Posts” in Blogger. Turn off and enable the feature will display ads between posts when view in home, index or category pages, and also at the bottom most part when view in single individual post page view.
If you plan to use non-AdSense ads or want to add in custom channels, you have to manually edit the template HTML to add in the ad code. In this case, search for:
<p class=’post-footer-line post-footer-line-3′/>
Paste the parsed Google AdSense ad code inside <div> and </div> right after the above line so that it looks like below after change:
<p class=’post-footer-line post-footer-line-3′/>
<div>[parsed Google AdSense ad code]</div>
</div>
</div>
</b:includable>
To center the ads unit, add the wrapper of <center> and </center>.
Between Posts
After it’s pretty much similar to the above where ads appear after post footer. So just follow tips above.
Related Articles
- Move Blogger Inline Ads Between Posts to Inside Within Post Position
- How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content
- Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template
- How to Hide and Collapse Google AdSense Ad Unit Instead of Showing Public Service Ad (PSA)
- google_ad_host Host ID in Google AdSense Ad Unit Code and Revenue Sharing
- Workaround to Add Custom Channels into Blogger AdSense Page Element Widget
- Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.com
- AdSense Help Group for AdSense Publishers
- How to Display Elements (Ads) Only On (Or Only Not At) Individual Single Post Item View
- Retrieve and Get WordPress Post ID Outside the Loop as PHP Variable
Entries (RSS)
June 25th, 2009 18:25
ur code can’t working in my site , can u please tell me the right way of insert adsense code in my blogpost body?? please
June 20th, 2009 18:46
Thanks for this but the adsense ads disappeard from sidebar and page footer.
Please also tell me that where I have to put adsense code for sidebar and page footer
Thanks again!!
June 16th, 2009 16:51
Thanks !!
Try t convert adsense code hire its much easier
find the tool hire
March 24th, 2009 02:42
Sorry, it won’t work on mine.
March 20th, 2009 20:56
thanks a lot boss, for the great tips.
i was change my adsense image with your tips
[parsed Google AdSense ad code]
and the result “sazammm” its great.
thanks boss.
March 16th, 2009 23:53
Very nice article. Should anyone be interested I have documented a method to add two AdSense units anywhere within the new blogger bost body. You can read it here.
March 15th, 2009 01:13
Thanks
I searched for it so long, and it worked with me perfect.
February 13th, 2009 17:14
You solve my problem!
Tanks!
January 11th, 2009 13:55
I just followed the stepd provided. Hopefully, I’ll get the ads starts to show-up as soon as possible.
December 20th, 2008 18:07
Hello, I have just started blogging. After seeing one of your post, I tried to add adsense ads in between blogs. It worked successfully, but now ads which were showing initially on the right hand side disappeared. I worked out so many things but it is not coming out to be in right way. Please help me out. One more thing, how to add adsense unit on the top of the page.
December 17th, 2008 23:29
[...] The above trick may work to add ad code wrap beside the post content in Blogger from other advertising networks too, such as AdBrite, BlogAds, Chitika, Tribal Fusion, ValueClick, and etc, in case you can’t use AdSense for reason such as account banned. And there are more position inside posts to put AdSense. [...]
December 15th, 2008 00:59
[...] The Blogger templates are now XML-based. To put in AdSense ads into your blog post, you must have a special technical knowledge. But don’t worry, it is not very difficult to learn it. Mydigitallife.info has published an article about this. The title of the article is ‘Place AdSense Ad Unit In Various Positions Inside Within Blogger Post Contents‘. [...]
December 13th, 2008 19:27
[...] The Blogger templates are today XML-based. To place in AdSense ads into your journal post, you staleness hit a primary theoretical knowledge. But don’t worry, it is not rattling arduous to see it. Mydigitallife.info has publicised an article most this. The denomination of the article is ‘Place AdSense Ad Unit In Various Positions Inside Within Blogger Post Contents‘. [...]
November 14th, 2008 17:53
It is legal or not google shall banned account I am confused it is out of google policy because google does not says to pharsed their adsense codes so please advise me.
email me – esnips5@gmail.com
November 7th, 2008 05:50
hi,
can u help me???
i just wanted to know that how to add chtika inside the post like u in ur site.
pls help
thnx in advance.
September 10th, 2008 13:27
thanks, but i can’t do it by my blog, for you know my template is cashblogprofesional, i downloaded it tomorrow, but i swear i can’t place my add, how about that?
before i used that template all your suggestion suitable with my blog but after i change my template i can’t do it the same, please help me!
August 20th, 2008 21:14
Thanks, after try and error, finally I got the ad between post in desired position. Thank you for this great tips..
July 30th, 2008 17:56
Hi,
Thank you for your useful and excellent posts.
I have a question, how can I display a slideshow of pictures from my Picasa Web/Photobucket albums WITHIN the post body of my Blogger blog (blogspot)? And how can I get the embed codes of those albums/pictures?
Looking forward positively to your excellent tips.
July 28th, 2008 00:18
Hi,
Thank you for the useful and helpful tips. The tips make me excited to display ads in various positions within the post body. I want the ads to display below post content before footer credits. I want to display it only in the post page not in the main page. So, when the user click the “Read More” link/button in the summary of the post in the main page, it will go to the post page and the ads will show below the post content before footer credits only not in the main page.
I would appreciate so much if you could advise me about it.
Again, thank you.
Cheers!
Dandy
July 12th, 2008 02:52
Hi
I have a question…
I was able to add the code wrap around the text but in my tennis blog I also put a picture after the title and before the text… what can I do to still get my picture after the title and before the text and adssense ad??? for example exactly where you have the chitika ad in the post….
Thanks
March 22nd, 2008 21:23
Hi there,
When I place ads below the topic, the ads appear below all the topics instead of the first one.
You can check it out @ http://mobilegyaan.blogspot.com
Please let me know where the problem is?
February 18th, 2008 00:54
hi dude thanks for the wonderful information, but can you help me with one problem. I used your codes very nicely for “After Post Title Before Post Contents” but two ads displayed well before the content, but the third post does not has an ad and there is a blank portion in the post blog. As i have the third ad in my sidebar.
Kindly help to remove the blank space.
thanks in advance.
December 27th, 2007 01:05
THANK U
October 3rd, 2007 01:17
[...] is kind of awkward and low performing in term of click through rate (CTR). A lot of bloggers have put Google AdSense ad code inside the post or wrap the ad unit around blog post by editing template’s HTML to insert modified ad code [...]