To add Add Reply Button to Blogger Comments | Add Reply to Blogger | Easy installation of Add Reply Button to Blogger Blogs.
 |
| Add Reply to Blogger Comment |
Basically Blogger have no feature for add Add Reply button to comments for your every commentators but wordpress have. So You can add easily add reply buttons to wordpress but for the blogger it was not easy but some script available to enable add reply button to your blogger comments but not sure it will work for every templates of blogger or you can wait for this feature to launched by blogger team. But a script developed by a chinese blogger Marcher basically he given this awesome trick for bloggers in Chinese language so here I am sharing this fantastic trick for our EN users. You can see the live preview we include both position as the footer of every user comment or at the adjacent position to their names so you can choose any position for your needs Add Reply Preview. Now let's start that, it is for footer position of every users comment section.
How to add Add Reply Button to Blogger comment
copy the below code let us say Code 1.1,
Code 1.1
<span class='comment-reply'><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=400,height=450"); return false;'> </a></span>
UPDATE: A visitor name "ANTO" of my blog use the above code for reply option but he also enables his comment system for static pages so the above code will not work on static pages because many of the peoples use comment system for post pages only so the above code for them but if you want to add reply button and if you enable your comment system also for your static pages then instead of above code copy the below code,
<b:if cond='data:blog.pageType != "static_page"'>
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&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=400,height=450"); return false;'> Add Reply </a></span>
<b:else/>
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&pageID=" + 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=400,height=450"); return false;'> Add Reply </a></span>
</b:if>
Make sure you have to replace the blue text YOUR BLOG ID HERE with your Blog ID but where will you find your Blog ID just you need to go Blogger dashboard --> Design then look at your url address bar you will see as like following preview,
Code 1.1(For using in static pages)
<b:if cond='data:blog.pageType != "static_page"'>
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&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=400,height=450"); return false;'> Add Reply </a></span>
<b:else/>
<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=YOUR BLOG ID HERE&pageID=" + 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=400,height=450"); return false;'> Add Reply </a></span>
</b:if>
Make sure you have to replace the blue text YOUR BLOG ID HERE with your Blog ID but where will you find your Blog ID just you need to go Blogger dashboard --> Design then look at your url address bar you will see as like following preview,
 |
| Blogger ID for Add Reply Button for Blogger Comment |
In the above preview the numbers you are seeing within green area, is my Blog ID so you can find for your Blogs.
Now in the Code 1.1 you see Add Reply text so now if you use Code 1.1 then you will see a clickable Add Reply button to your blogger commentators. Now instead of clickable link as Add Reply button you can use your own beautiful clickable image. So you can replace Add Reply text with the following code,
<img src="Your Image URL Here"/>
we have some Add Reply buttons you can use it. just right click on the images and save with save target as to your system and upload it to your image hosting site. you can use free image host imageshack.us and copy your direct link for that image and paste in to the above code instead of Your Image URL Here .
Sign in to your blogger dashboard :
-- > Click on Design ::
-- > Click on Edit HTML ::
-- > [Don't forget to backup your template] Check box in " Expand Widget Templates " and find the code (using ctrl+F) <b:include data='comment' name='commentDeleteIcon'/> just after this code paste your Code 1.1 you can see in the following preview ::
You done !
*** Basically this Reply Button will show at the footer position for every users comments now if you want to show Add Reply button at the adjacent position of every users then only you just need to paste your Code 1.1 just after <data:commentPostedByMsg/>. You done !
Have You Doubt !
Koument Polise
The original post is on Blogger Tips and Tricks | Search Engine Optimization-SEO Tips
© copyright, 2011. Share it freely, but must be link back to this source.
Mohammad Shadab
Best Regards!
© copyright, 2011. Share it freely, but must be link back to this source.
Mohammad Shadab
Best Regards!