Skip to content

May 23, 2009

15

Putting AdSense within Blog Post for Blogger Blogspot

How to put AdSense embedded inside (within) a blog post or article at the top left or right ? Or at the bottom left or right of a blog post/article?

Here’s a brief tutorial:

1. After login to your blogger.com account -> layout -> edit HTML -> click Expand Widget Template
2. Find the following code inside the template (shortcut tips: press CTRL+F and search “post-body” in the search box).

<div class=’post-body’>
<p><data:post.body/></p>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

3. a. Put the following embedded code ABOVE the <div class='post-body'> if you want to place the Adsense code at the beginning of your post (at the left side).

3.b. Put the following embedded code BELOW <div style='clear: both;'/> <!-- clear for photos floats -->
</div>
if you want to place it at the end of your blog post (at the left side).

<div style='float:left;'>
--- AdSense Code here ---
</div>

4. If you want to put the embedded AdSense on the right side, just change the ‘float:left’ into ‘float:right’
5. Click SAVE. Done. See the LIVE DEMO here.

Important Note:

In case you fail to put the AdSense code within the blogger / blogspot template, don’t panic!
Just follow these simple steps:

1. Change any code like this < into &lt;
2. Change any code like this > into &gt;

Is it ok with AdSense TOS? Yes, it’s.

Wish you luck.

15 Comments Post a comment

Trackbacks & Pingbacks

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments