How to put AdSense Ads between Blogger Post Content

When you look to the top left corner of this article, there is a Google AdSense ads unit block that has a style that is aligned inline beside and wrapped the article body (only on single post view).
This format of layout is considered and proofed to be able to generate higher CTR (click through rate) for AdSense ads, directly increasing the revenue publisher earned.

The new Blogger service with widget-based XML template allows authors at best to insert AdSense ad blocks in between blog posts by using AdSense or HTML/JavaScript page elements, but not inline within and wrap around blog post itself.


Here’s the trick and hack on how to put AdSense ads in within and beside of Blogger.com blog post body, and has the content wraps around the ads to make the ads look like part of the content.

Coupled with using ad colors which blend the borderless ads to the blog overall color scheme, and choosing bigger ad format such as 336×280 large rectangle or 300×250 rectangle will definite optimize placement of AdSense ads, increase ads click thru rate and improve publishers income. Beside, the AdSense ads put in by this trick will also be shown and displayed in the blog main page, or when individual blog post content page is visited. 

1. Login to Blogger account.

2. At Blogger Dashboard, click on Settings link listed behind “Manage” for the blog that you want to enable to show AdSense ads between posts.

3. Click on Template tab, and then click on Edit HTML sub-tab link to open Blogger HTML code template editor to edit the contents of your template.

 Blogger Edit HTML

4. Backup a copy of your template by click on Download Full Template link, in case it’s is needed be uploaded to Blogger server to recover the template in the event of mistake or corruption.

 

Blogger Download Full Template

5. Click to tick the Expand Widget Templates checkbox.

Blogger Expand Widget Templates

 

6. Seach for the following line in the new Blogger template HTML

code in the text box:
or


 

Blogger Expand Widget Templates

 

7. Append the following lines of code into the template BEFORE the line of located above:  

Parsed Google AdSense Ad Code (guide to parse the HTML code of AdSense JavaScript with escape character) 

 

AdSense Ad Code in Blogger Template Note the above code will align AdSense ad block to the left. You can also make it make it float to the right, but change the “float: left;” to “float: right;” (some user reported that you may need to use only single quote (‘) instead of double quote (“) for it to work, i.e. ‘float: left’ and not “float: left”). Note that you can also make the ads appear only on single post view. 

8. Click on SAVE TEMPLATE button when done. If the alignment of your blog layout is not good, you can try to add the code above directly after the following line in the Blogger widget template:  

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.

Update: Blogger can also add AdSense ads inside post using Ads Between Posts trick. Advanced users of Blogger.com service may have tried to insert and put Google AdSense ad code which is actually a Java script directly into the blog pages by manually editing the XML-based template HTML coding interface.

Actually, it’s possible add any ad code by using HTML/JavaScript page element within the Blogger new XML template system, but the place where you can place the new block is rather limited, i.e. above or below the post body, header, footer, within sidebar or between blog posts. 

In case you want to put the ads inside the post, or align the ads to float and wrap around the text, or just within the single individual article content view, you will have to edit directly the HTML coding of Blogger template.

If you try to insert any Google AdSense, AdBrite, AdEngage and any other JavaScript based ad code, or client-side components such as counter, tracker, form, snippet, effect, date and time, etc which is JavaScript based, the following error message may be returned when saving ore previewing:

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.

or

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The reference to entity “zs” must end with the ‘;’ delimiter.

and many other different XML error message. The problem is caused by incorrect dynamic interpretation of Blogger XML template when it generates the HTML webpage

for the page that is requested, probably due to the fact that the AdSense ad code or other code is not a valid XML, coupled with the fact that some ASCII characters have special meaning and reserved functions, confusing Blogger blogging engin. 

The resolution to the JavaScript based coding does not work in Blogger blogHTML template error can be solved by replacing special characters or symbols in the script to HTML code. Check out the list below for which ASCII characters that need to be replaced with their corresponding HTML code. 

Using HTML code will ensure that Blogger render the character correctly when serving the page to the viewer. < – < > – > Above two is enough to make Google AdSense works in Blogger template.

For other scripts, such as AdBrite ad code, you will need to replace more characters such as those listed below. & = & ” = " For example, a Google AdSense code should become looks similar to code below:  

  

While an AdBrite ad code will became the similar code to the below:

Simply use the text editor to parse the code and then replace the characters. Don’t worry about violating AdSense TOS or other terms and conditions, as once the blog’s web pages

are rendered and presented to the viewers and visitors, the code will be exactly same as the original code before any replacement!