How To Add "Reply Link button" Or Read More Button to Blogger Comments

  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,

/*--------------BLOGTIP Reply Link --------------*/
.BLOGTIP-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;
}
.BLOGTIP-replycomments:hover{
background:#E7E7E7;
}

To Change the Link background on active mode edit #ECEAEA
To Change the Link Background color on mouse hover edit #E7E7E7  
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='BLOGTIP-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

1 comment:

  1. thanks for dis tutorial, av bn lookin for somthin like. will definitely use dis out on my blog @ http://sdkconcept.blogspot.com

    ReplyDelete