09 June 2010

How to Add a Reply Option to Comments in Blogger?

Advertisements

Sometimes ago a friend of mine asked me how to add reply to comments in blogger. In wordpress blogs you can easily reply to comments. A third party script(by Disqus) is available for blogger but some blogger do not like it.

Ishan .... has come with a code that enable replying blogger comments. But that code was not working with most of the templates as all posts disappears. Now we have the one step code for you. So lets add it.

Live DEMO


1. Getting Blog ID

We need ID of the blog where you want to add this feature. To get blog ID go to Layout >> Page Elements. Now check address bar of your web browser. At the end there is blog ID.
e.g. http://www.blogger.com/rearrange?blogID=5143535933889549339

Then Blog ID is 5143535933889549339

2. Installing Code

Go to Layout >> Edit HTML >> Expand Widget Templates and search for

<data:commentPostedByMsg/>

or

<data:comment.timestamp/>

Now Copy and Paste following code AFTER
<data:commentPostedByMsg/>
or
<data:comment.timestamp/>

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=6572093431885631790&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;'>Add Reply</a></span>

Now change your blog ID value with that of read value in above code. Also you can change text Add Reply.

You can also add image instead of Add Reply. Just copy and paste any of following code instead of Add Reply in code of step 2.

http://1.bp.blogspot.com/_tbHfaj1A058/TA9YyYWSKEI/AAAAAAAALII/L0FAwjfaoBg/s1600/comments+reply+blogger4.JPG
<img border="0" src="http://1.bp.blogspot.com/_tbHfaj1A058/TA9YyYWSKEI/AAAAAAAALII/L0FAwjfaoBg/s1600/comments+reply+blogger4.JPG" />

http://3.bp.blogspot.com/_tbHfaj1A058/TA9ZZh4bDNI/AAAAAAAALIQ/tnQH7_ajs0o/s1600/comments+reply+blogger5.JPG
<img border="0" src="http://3.bp.blogspot.com/_tbHfaj1A058/TA9ZZh4bDNI/AAAAAAAALIQ/tnQH7_ajs0o/s1600/comments+reply+blogger5.JPG" />

http://3.bp.blogspot.com/_tbHfaj1A058/TA9aE_eG95I/AAAAAAAALIg/mC_e5HRkISg/s1600/comments+reply+blogger5.JPG
<img border="0" src="http://3.bp.blogspot.com/_tbHfaj1A058/TA9aE_eG95I/AAAAAAAALIg/mC_e5HRkISg/s1600/comments+reply+blogger5.JPG" />

Or You can upload your own image.

Save template and enjoy!

UPDATE : Blogger introduced "Reply" option to comments and it is called threaded commenting.

Related Posts

2 comments

April 1, 2012 at 7:13 AM

Hello, great article! I’ve already changed my favicon for the search bar but when I reply to a comment somebody leaves on my page it still displays the Blogger favicon. For instance if you leave a comment saying “Hello” and I reply to your comment, it shows B Admin. said…, hope you follow. Check out my site to see what I mean, any help for this? Thanks, Eric
Health & Nutrition

April 1, 2012 at 7:32 AM

Hi nurul

You need to change your Blogger profile image. Go to Blogger dashboard and on right there is that option.

Post a Comment

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More