How to add reply link to your blogger blog posts ~ SAMPATKUMARI'S Blog "PARISHKAR"

How to add reply link to your blogger blog posts

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 –

How to add  reply link to your blogger blog posts
How to add  reply link to your blogger blog posts

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;
}
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='&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>

Edit the code as under –
  1. You can rename Reply.. as per your choice.
  2. You have to Replace????????????????? with your BLOG ID.
  3. Click here to know how to find your Blog ID
Now safely save your Template. Click here to know how to save your template safely.
Exit and check the results of your work.          



2 comments: