Adsense in Posting for Blogger

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.


No comments:

Post a Comment

Special Thank's to