Add Pop up Reply in Blogger comments


Adding Pop up comment box To Blogger Blog motivates the users to give feedback to a commentator easily just with one click apart from using @ symbol. This reply button also links a comment permalink to the person represented. Using the codes shown below when you click on the reply button then comment box will appear in a pop-up as shown in the image. Now this tutorial will show you how to add pop-up reply in blogger comments









Blogger Comment Box Series
8. Add a Reply Button To Blogger Comments

Demo


LIVE DEMO

How To Add Reply Button

  • Go to Blogger Dashboard 
  • Click on DropDown Menu and select Template
  • Backup your Template before making any changes to your blog
  • Now Click on Edit HTML --> Proceed --> Expand Widget Templates
  • Press Ctrl + F and search the code shown below

<data:commentPostedByMsg/>

  • Now Paste the Code Shown Below just below/after it

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&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=450,height=450&quot;); return false;'>Reply</a></span>

  • Now you need to change YOUR-BLOG-ID with your own blog ID
  • Now Go to Blogger Dashboard 
  • Click on DropDown Menu and select Template
  • Look at the address bar. You will get link like this

Customization to reply button

  • You can put image in place of reply text
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPwLPor9VZXonRa5TtsH_ouPX00LlU79kvbQcPPw6xrW3MYVFMMp45phiUDfeKe8YbX2huSilPKaRmH5m527MT6HSeYwEuxaw89l0L1yLSsYUbC_5DBkCFNprsFzsT978h7JgslrAaYaY/s1600/reply.jpg"/>

Advantages

  • Now you hit the reply button to any particular comment and a pop window will open

Like it? Share it.

6 comments

23 September 2012 at 04:18

sorry for my bad english.
how to move the reply as a comment in your blog?
my reply comment appears below the other as normal comment

23 September 2012 at 11:19 Author

@Carla I can't understand. You want to add comments, as in my blog?

24 September 2012 at 04:10

@sonu
this:
comment(............)
reply(...........)

Reply moved.
reply go to my blog below:
comment(............)
reply(...........)

24 September 2012 at 09:30 Author

@Carla can you give me a demo

24 September 2012 at 10:50

@sonu
excuse is difficult to explain in English.
The reply is a normal comment with @name.
I want to:
comment ...
|| Distance || Repy comment ...

Is this possible?

24 September 2012 at 11:54 Author

@Carla Go Here http://www.mybloggertricks.com/2012/01/blogger-threaded-comments-for-custom.html

Click to Add a New Comment

  • If you're asking a question click on Subscribe By Email link, on the comment form, to be notified of replies.
  • Do NOT add links to the body of your comment as they will not be published.
  • Only the comments posted in ENGLISH will be approved.
  • If you have a problem check first the comments , maybe you will find the solution there.