If you like to put any kind of ads you want into your blog posts likes Adsense is very easy, but it requires a code parser. Without that you would have to replace all of the < symbols with <, and also all of the > symbols with >, which would be a long process.
Don't worry, you can use this Code Parser.
Simply copy your ad code, paste it into the box and hit 'parse'. Your new code will appear a few lines above the box. Then, select all the code is (Ctrl+A) and copy that code (Ctrl+C). Now you have your code and are ready to put it where you want it in your blog post.
Now, where do you want to put your ads?
(In the following examples the code in GREEN will be existing code, code in PURPLE you will need to add and where it says YOUR CODE HERE in red is where you will put your parsed Adsense code.
IN THE POST BODY
When placing your ads you should consider the size carefully based upon where you will be placing the ads and the size blog post column. For instance, if you are placing an ad in the blog post body you may want to go with something smaller, like a 125x125 button. This will keep your ad easily visible, but not make the text ugly and unreadable. To put your ad inside of your blog post body you will want to find the section of code in green below, and paste your parsed ad code where it says "your code here" in red. You will also need to add the code you see in purple to direct you ads to appear on the right or left side in your blog post body (simply change where it says 'left' to 'right' if you want your ad on the right side of your blog post).
<div class='post-header-line-1'/>
<div style="float:left;">
YOUR CODE HERE
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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/>
</b:if>
</span>
JUST BELOW THE POST TITLE
To see an example of ads that are just below the blog post title, check out The Puma Shoe Blog. If you want your ads there, then here is what you do:
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div>
YOUR CODE HERE
</div>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -- >
</div>
Note: In order to separate the ads from the title (move the ads down a little) you will need to use break tags: <br/>. You should place the break tags just before the first line of code in purple. The more break tags you use, the more space there will be between your blog post title and your ads.
IMMEDIATELY AFTER YOUR BLOG POST BODY
You can see an example of ads place immediately after the blog post body on this blog, this is simply because it is a very effective place to position ads so that readers will see them. This is how you position ads immediately after the blog post body :
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div>
YOUR 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/>
IN BETWEEN POSTS
Here is how you position your ads between blog posts:
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
<p class='post-footer-line post-footer-line-3'/>
<div>
YOUR CODE HERE
</div>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
Note: To space your ads between your blog posts you will want to use break tags: <br/>. You will want to put the break tags before the first purple line of code, and after the second line of purple code from above in order to space the ad from the post above and below it. I would recommend using 4 break tags above and 4 break tags below as a starting point for your spacing.
Perhaps this tips is useful for you.
Don't worry, you can use this Code Parser.
Simply copy your ad code, paste it into the box and hit 'parse'. Your new code will appear a few lines above the box. Then, select all the code is (Ctrl+A) and copy that code (Ctrl+C). Now you have your code and are ready to put it where you want it in your blog post.
Now, where do you want to put your ads?
(In the following examples the code in GREEN will be existing code, code in PURPLE you will need to add and where it says YOUR CODE HERE in red is where you will put your parsed Adsense code.
IN THE POST BODY
When placing your ads you should consider the size carefully based upon where you will be placing the ads and the size blog post column. For instance, if you are placing an ad in the blog post body you may want to go with something smaller, like a 125x125 button. This will keep your ad easily visible, but not make the text ugly and unreadable. To put your ad inside of your blog post body you will want to find the section of code in green below, and paste your parsed ad code where it says "your code here" in red. You will also need to add the code you see in purple to direct you ads to appear on the right or left side in your blog post body (simply change where it says 'left' to 'right' if you want your ad on the right side of your blog post).
<div class='post-header-line-1'/>
<div style="float:left;">
YOUR CODE HERE
</div>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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/>
</b:if>
</span>
JUST BELOW THE POST TITLE
To see an example of ads that are just below the blog post title, check out The Puma Shoe Blog. If you want your ads there, then here is what you do:
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div>
YOUR CODE HERE
</div>
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -- >
</div>
Note: In order to separate the ads from the title (move the ads down a little) you will need to use break tags: <br/>. You should place the break tags just before the first line of code in purple. The more break tags you use, the more space there will be between your blog post title and your ads.
IMMEDIATELY AFTER YOUR BLOG POST BODY
You can see an example of ads place immediately after the blog post body on this blog, this is simply because it is a very effective place to position ads so that readers will see them. This is how you position ads immediately after the blog post body :
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div>
YOUR 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/>
IN BETWEEN POSTS
Here is how you position your ads between blog posts:
<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</p>
<p class='post-footer-line post-footer-line-3'/>
<div>
YOUR CODE HERE
</div>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
Note: To space your ads between your blog posts you will want to use break tags: <br/>. You will want to put the break tags before the first purple line of code, and after the second line of purple code from above in order to space the ad from the post above and below it. I would recommend using 4 break tags above and 4 break tags below as a starting point for your spacing.
Perhaps this tips is useful for you.
Powered by ScribeFire.
