Sunday, December 4, 2011

How To Add Automatic Comment Count Link

How To Add Automatic Comment Count Link | this blogger about How To Add Automatic Comment Count Link your blog. and this How To Add Automatic Comment Count Link

1. Go To BLogger > Design > Edit HTML
2. Backup your template
3. Click the  nExpand Widgets Template box
4. Search for this,

<div class='post-header-line-1'>
If you could not find it then search for this code instead,
<data:post.title/> 
        </b:if> 
     </b:if> 
      </h2> 
    </b:if>


and just below anyone of them paste the code below,
<span class='post-comment-link' style='Float:right;'> 
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'> 
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SnCxuN65znI/AAAAAAAABqc/XW05eIKedjA/s400/icon_comments.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/>Comments so far</b:if> </b:if></a> 
          </b:if> 
        </b:if>
      </span> 

You can replace the bolded text with anything you like or you can simply keep it as it is. If you wish to change the comment bubble image with one of yours then simply change the highlighted yellow image link with your bubble image link.

     5. Save your template and view your blog to see it in action.
source