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
LIVE DEMO
Blogger Comment Box Series
8. Add a Reply Button To Blogger Comments
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='"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;'>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
6 comments
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
@Carla I can't understand. You want to add comments, as in my blog?
@sonu
this:
comment(............)
reply(...........)
Reply moved.
reply go to my blog below:
comment(............)
reply(...........)
@Carla can you give me a demo
@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?
@Carla Go Here http://www.mybloggertricks.com/2012/01/blogger-threaded-comments-for-custom.html
Click to Add a New Comment