How to add reply link to your blogger blog posts-To ensure easy navigation and easy to use tools to your readers is a best practice. Adding a “Reply Link” to your blog post comments is one of such important tool. In addition to easy navigation it will beautify your blog. You can get this facility my changing over to Disqus comments but disqus comments does not look beautiful as if you create your own. If we want to add such link to our blog posts we need to make small changes to our blogs HTML document. You can easily create it by following easy steps given below –
1) Login to your blogger Dashboard using your blogger ID and password.
2) Click template and backup your template. It is always essential before starting editing your template.
3) Click customize.
Now the HTML file of your blog will open. Click anywhere in the open HTML document and click CTRL+F. Now the HTML search box will appear in the right hand corner of the HTML document. Now you have to find this code- ]]></b:skin> so please copy and paste this code in the HTML search box and press Enter. The code will be highlighted like this -
]]></b:skin>
Now post the following code just above it
replycomments{
background:#000000;
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;
}
replycomments:hover{
background:#FFFFFF;
}
background:#000000;
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;
}
replycomments:hover{
background:#FFFFFF;
}
Edit the code as under –
1. To
Change the background of the Link in active mode replace #000000 with the color code of your choice.
2. To
Change the Link color in hover mode replace
#FFFFFF
with the color code of your choice.
3. You
can change the font of your choice by replacing sans-serif .
4. To
change position replace
right with left.
5. Click
here HTML Colour
Code help.
Now find <dd
class='comment-footer'> as per the procedure mentioned above and
paste the following code just above it.
<div class='
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>
Edit the
code as under –
- You can rename Reply.. as per your choice.
- You have to Replace????????????????? with your BLOG ID.
- Click here to know how to find your Blog ID
Now safely save your
Template.
Exit
and check the results of your work.
how to praise a blogger, best comments for blogger, best
comments for blogger, how to add link in blogger post, Can people respond to
your blog, blogger comments not showing, how to comment on a blogger post, how
to add comment box in blogger, how to reply to comments on blogger, How do I
add a link to a blogger comment, How do you make a link in a comment, how to
comment on blogger without an account, How do you reply to a comment on a blog
post, Image result for How to add reply link to your blogger blog posts