Monday, May 7, 2007

How to Insert Google Adsense Into Blogger XML Post Body

Much question for me "How to insert AdSense into post body?". OK, the answer like this step by step instruction :
1. Get your adsense code, for example :













replace all the html character would be. For example:










2. log in into blogger account,
3. click layout into your dashboard
4. click edit HTML and than click Expand Widget Templates.
5. Scrolldown, you will fine :

A. After Title post before first paragraphs
<div style="float:left;">:
Adsense code here
</div>

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

B. After end paragraphs before credits
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div>
Adsense code here
</div>

<div class='post-footer'>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>

C. After Credits
<p class='post-footer-line post-footer-line-3'/>

<div> Adsense code here </div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>

No comments: