Hello Friends i am gone a to tell you How to add reply button/link to blogger comments form.Mostly this type of comment form can only seen on wordpress blog,now this is the chance for blogger users.I am sure you would love to add it to your blogs too. So let's do 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:
How To Add Reply Button/Link ?
- Go To Blogger > Design > Edit HTML
- Backup your template
- Click the "Expand widgets Templates" Box
- Search For ]]></b:skin>
- 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
<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='"https://www.blogger.com/comment.g?blogID=*******************&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=650,
height=650"); return false;'>Reply..</a></div>
height=650"); 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 *******************
7. Save your template and view your blog comments.The Look Like Wordpress Comments.Enjoy! :>
0 comments: