Sunday, January 15, 2012

How To Add A Reply Button To Blogger Comments - Tips & Tricks

Author: Gagan Masoun
How To Add A Reply Button To Blogger Comments - Tips & Tricks
This tutorial will tell you How To Add A Reply Button To Blogger Comments - Tips & Tricks. All wordpress blogs have reply button to each particular comments. But on another side in blogger there is no such type of feature. But here is a simple tutorial that allows you to create a reply Button that makes the Blogger comment system look better and more interactive than before.

So, come to the point, I am telling you the steps.These are the Steps to Add a Reply Button to Blogger Comments :

Note :- First Of All Download Template Backup

First Step :- First Of All You Need To Know Your BLOG ID

To Get This Log In To Blogger, Go To Your Blogger Dashboard > Design/Layout
Add A Reply Button To Blogger Comments - First Step
Now See The Address Bar. You Will Get Link Like This
How To Add A Reply Button To Blogger Comments - Tips & Tricks
Copy The Number After "blogID= "and Paste It In A Notepad
For Example:- Blogs Daddy Blogger Id = 2641225025933653844

Second Step :- Now Go To Edit HTML and tick the "Expand Widget Templates" Check-box
How To Add A Reply Button To Blogger Comments - Tips & Tricks
How To Add A Reply Button To Blogger Comments - Tips & Tricks
Third Step :- Please find the code below ( Ctrl+F) 

<data:commentPostedByMsg/>


Fourth Step :- After/Below the above code paste the following code

<span class='comment-reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Paste Your Blogger Id Here&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=400,height=450&quot;); return false;'>[Reply]</a></span>

Fifth Step :-  Change Paste Your Blogger Id Here with your own blog id ( which you have already paste to the Notepad)

Note :- You can use image as a reply button, For this just change the green color line [Reply] with following code


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSNAzEIJdnlpfYSIEfi3EQY86rR8B1sERTDshxhILzWMznqJM1u6xAPOnSCuD9-YmfUwRiEdtbJDAJwGJ6IZIal_y0qojqOaeYBpNP9V0T1y2Nc0jwVncdU6y_pFAuHPpC9-jFULiTcbk/s1600/reply-button-style-1.jpg' style='float:right;' title='Reply To This Comment'/>

Sixth Step :- Save the template & See the result. Enjoy :)

If you need any type of help just leave a comment, Keep In Touch With Us For More Tutorials

0 comments:

Post a Comment