73D41416194E8A7C390936971FB2B74B Chira Sathi: Add a reply option to blogger comments like Wordpress

Tuesday, October 11, 2011

Add a reply option to blogger comments like Wordpress



STEP #1
Log in to Blogger, go to Layout -> Edit HTML
and mark the tick box "Expand Widget Templates"

STEP #2
Now find (CTRL+F) this code in the template:



<b:include data='comment' name='commentDeleteIcon'/> </span>
Now copy one of the below codes and paste it just after the above line.




Code:<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR BLOG 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=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='YOUR REPLY BUTTON IMAGE URL HERE'/></a></span>



Now, in the above code replace the texts in BLUE with your "Blog ID" and the texts in RED with the "Reply Button Image Url".

Now click Save Template




Important ! 
In order to make this work you must add your blog Id .
What is your blog ID??
Simply go to your layout page, posting page or any of the pages and copy your I.D. from the address bar at the top of the page.



Replace URL of image with any image of your choice or you can choose one from below- 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5LQqo1G8MyK_mrgfV8d_NnGDuq8yulRoqaweFv8vaJ7EVhfDwxzTzan4yPdLB3ho8SX2rXrjaTpE83UlDarq9JDtO-Dv3XwlcRYBZXzo4Mny3D5Ptf-QqOOfrSZq6aomb7xuEBBVRxGp/s320/reply01.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtdwEZPb5MI6vSnjbDg0Ylm-XSgLw7Ll_CemVNqzctQpuKlDGf0b2tudafITkgpi-aNpvWiYfqq3Gwl9Jz_fbxWBknOPwq6sMs1gRMBeQBdFYYZLDmN9qOlAPkfhJGXNzMvRJtjp3Emxsw/s320/reply03.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW7gdh4WmLipMjmfzHYl4RQetXB2Wt2mRtEeenjZDaKHAiGXH9jmPyfs7GCoFfrHnKzuwNjFdXKRKl7IEYT2uJ_ZyBoFQedMf9l2nq_3bs6BlSYP1FPUqlPHgva29iptl94x78WgCIkMoq/s320/reply04.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMsEi_pjz4z6c54TTXmyn48HUPcaJ6mDI_lb9kJX0X5slqxalD2vNVEAiifiOPbCBHN_6Y8jC3DZbcXmdrFQ2nup5wXenWTo8bmK0NJkYCo5QO-Qdak5yJHEfq2yLqdbTR0bi2jc0wJspk/s320/reply02.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7n0B5lyTliduYLn8UaXxNdUfm-0rD2tZC_coW6PGODWZyMK2fTcLMAylovNDrF60JAHH_y2Kd5DAD1uCGK8RT0ez386OfFXWX8086SjJ3tZrzbiMP3RngMPg3N0v2WyD8-PoZVr_rkdYJ/s320/reply05.png

No comments:

Post a Comment

Best Blogger Gadgets