Adsense in Posting for Blogger

Blogger Tutorial

Belum ada komentar

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.