AdSense In Various Positions Blogger Post Contents

There are some tricks to add Google AdSense in posts, ads on the right side and into the Blogger post content, so the block will come wrapped in ads and flew parallel to the left or the right of the blog text. If you do not like this not like the layout and location of prominent display ads, there are other places in the blog post to place the ad code.

Guide below provides tips and tricks on where to in-parsed HTML ad code (after replacing several special characters with HTML code) inserted and incorporated into the Blogger XML-based templates. Basically, the steps are exactly the same as the ad's position on the side and in the contents of posts, except that the text string to find (a place to paste the ad code) is different.

To recap, go to Blogger Template tab for blogs to be changed, and then click Edit HTML. Do not forget to check the Expand Widget Templates check box, and doing backup.

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:

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-body entry-content’>

<center><div>[Parsed AdSense 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:

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 AdSense Code]</div>

<div class=’post-footer’>

To center the ads unit, add the wrapper of

<center> and </center>.

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:

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