Friday, June 3, 2011

Add "Reply Link" to Blogger Comments

reply-link-bloggerProviding your readers with easy navigation and fun-to-use tools should always be your first priority. Whether it may be a video blog like YouTube or it may be any forums, all these great sites have a reply link attached to each comment posted on the site. Fortunately we can even add this extremely useful Reply Link to our blogger blogs to make it even more better. On clicking the reply link or reply button, an anchor link to that comment post is pasted in blogger comment pop-up form. That link will show who has been responded or replied. You can see it working just fine on MBT Comments. I am sure you would love to add it to your blogs too. So let's do it!

Add Your Personalized "Reply Link" To Blogger

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand widgets Templates" Box
  4. Search For ]]></b:skin>
  5. and paste the code below just above it,

/*--------------MBT Reply Link --------------*/
.MBT-replycomments{
background:#ECEAEA;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:4px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:10px sans-serif;
}
.MBT-replycomments:hover{
background:#E7E7E7;
}
Make these changes:
  • To Change the Link background on active mode edit #ECEAEA
  • To Change the Link Background color on mouse hover edit #E7E7E7
  • Our Color Generator tool will be helpful
    6.    Now Search for,
<dd class='comment-footer'>
or just this,
class='comment-footer'
and just above it paste the "Reply Link" Code below,
<div class='MBT-replycomments'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=*******************&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,height=650&quot;); return false;'>Reply..</a></div>

  • You can replace the text Reply.. with anything you like
  • Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar. You can clearly see a 18-19 digit code. Just copy it and paste it in place of *******************
blog-id
  7.   Save your template and view your blog comments the WordPress way! :)

All Rights Reserved GprsBay | Blogger Template by Bloggermint