How To Add Reply Option to Blogger Comments Using Image
1.Log in to your dashboard--> Desing- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this <data:commentPostedByMsg/>
4.Copy below code and paste it just after above code.
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&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=450,height=450"); return false;'><img alt='Reply To This Comment' src='Your Reply Button Image Here'/></a></span>
NOTE : Replace YOUR-BLOG-ID with your blog ID.
Look at the example given below:
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=5653009345002937003&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=450,height=450"); return false;'><img alt='Reply To This Comment' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3NAZ7mnB1X7K8gDrXMQlgn8p3PDfYgx6xIELUduqoygnIb687Y1Myt2zfjk0R7pAnjQvDJhP08gHsVuDq6yvZCotXGSzRzT2J7c_A_nMimp__5JaN1EWAc4x4W5qnPQk5mupYe0-ukIY/'/></a></span>
How To find your blog Id..
Login to your dashboard and click on "Settings" link of your blog
Now look at address bar of your browser.
Now Replace YOUR-BLOG-ID
Use this reply button images
5.Save your template you are done.
No comments:
Post a Comment