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.
1. Inserted directly into the utility HLMT / JavaScript
- In Design>> Page Elements>> Add a Gadget>> selectHTML / JaveScrip and paste ads on Adsense
- This simple, easy to manage but do not change the size anddisplayed in the post
- This simple, easy to manage but do not change the size anddisplayed in the post
2. Insert your Blog Template
- This is how many bloggers use for ads will appear in thepost, can change the size and displayed at the optimal positions on the blog. Before you insert Adsense code intoyour blog to conversion (Code Converter) Converter by Google (Gadgets powered by Google Adsense - do not violate the provisions of Adsense). After conversion you get a new code, use this codecan insert Template.
A / Insert the top and under the post title
- In Design>> Edit HTML>> check the Expand WidgetTemplates>> go to the (Ctrl + F): <div class='post-header-line-1'/> inserted just below it the following code:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>
<p class='ads'>
Adsense code already converted
</p>
</b:if>
</b:if>
B / Insert the bottom end of each post
- In Design>> Edit HTML>> check the Expand WidgetTemplates>> go to the same (Ctrl + F):
<div class='post-body entry-content'><p><data:post.body/></p>
<div style='clear: both;'/>
</div>
inserted just below it the following code:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads'>
<p class='ads'>
Adsense code already converted
</p>
</b:if>
</b:if>
C / The ads left of each post
- In Design>> Edit HTML>> check the Expand WidgetTemplates>> go to the (Ctrl + F): <div class='post-header-line-1'/> inserted just below it the following code:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:left'>
<p class='ads' style='float:left'>
Adsense code already converted
</ p>
</ b:if>
D/ The ads right of each post
- In Design>> Edit HTML>> check the Expand WidgetTemplates>> go to the (Ctrl + F): <div class='post-header-line-1'/> inserted just below it the following code:
<b:if cond='data:blog.pageType == "item"'>
<p class='ads' style='float:right'>
<p class='ads' style='float:right'>
Adsense code already converted
</p>
</b:if>
</b:if>