To add 'Subscribe to feed' above comment form

Wednesday, December 16, 2009


Blog feed can be published through Feed Burner and anyone can subscribe to that feed for free. More the number of subscriptions more the traffic. To make this feature available for users link back to the feed can be added above comment form below each post.

To add this widget search for this tag :

<div class='comments' id='comments'>
<a name='comments'/>

Now add the below code after this tag :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding-right:15px;'>
<h2>Subscribe to our blog</h2>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background: #E3EDF1; border: 0px solid #ddd; padding: 5px; margin: 10px; margin-right:15px; height:65px; '>
<table border='0' cellpadding='0' cellspacing='0'>
<tbody><tr>
<td>
<div style='margin-left:10px'>
<img height='55' src='http://i25.tinypic.com/mt5mzb.jpg' width='55'/></div></td>

<td>
<div style='margin-left:15px'>
<div style='font-size:16px; font:Trebuchet MS;'>
Do you have any <strong>Suggestions</strong>, add your comment. Please don&#39;t <strong>Spam!</strong>
<br/>If you like this site &gt;&gt; <a href='http://feeds.feedburner.com/BloggerFlick' target='_blank'><strong>Subscribe to our feed</strong></a></div></div>

</td>
</tr>
</tbody>
</table>
</div>
</b:if>
Replace the link in red with your feed link. You can also add this below each post if the above hack is not working.



Below each post in blogger
To add below each post search for  <data:post.body/>  and add the below code after this tag.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding-right:15px;'>
<h2>Subscribe to our blog</h2>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background: #E3EDF1; border: 0px solid #ddd; padding: 5px; margin: 10px; margin-right:15px; height:65px; '>
<table border='0' cellpadding='0' cellspacing='0'>
<tbody><tr>
<td>
<div style='margin-left:10px'>
<img height='55' src='http://i25.tinypic.com/mt5mzb.jpg' width='55'/></div></td>

<td>
<div style='margin-left:15px'>
<div style='font-size:16px; font:Trebuchet MS;'>
Do you have any <strong>Suggestions</strong>, add your comment. Please don&#39;t <strong>Spam!</strong>
<br/>If you like this site &gt;&gt; <a href='http://feeds.feedburner.com/BloggerFlick' target='_blank'><strong>Subscribe to our feed</strong></a></div></div>

</td>
</tr>
</tbody>
</table>
</div>
</b:if>
Replace the link in red with your feed link. You can also change the image, background color etc directly for this widget.

Subscribe to our blog

Do you have any Suggestions, add your comment. Please don't Spam!
If you like this site >> Subscribe to our feed

0 comments:

Post a Comment