Saturday, January 15, 2011

Add a reply option to blogger comments like Wordpress

0 comments


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/AVvXsEhqKDw5goHT0OZSaFmRT7GY_Nxlxwi3fyPXhUazK33O9p5C__4tLicBa-9cSRQNdX7Wihz74oCmLGQV5jgA0aBLy1xq25lKDl7HSh-djH89xn_mvTRsS3V98egUMfP_MILPXRGkpc_hD208/s320/reply01.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigE675ZTIaJKMj5D7zUNQKO5Brfxzcv66zcJDc07JttDbtDmAZ6tt7k7dsZ2hD86147GiF9sy4WvXyeyAClpzUq-ngpt50_dzFlwJJEaQa3Wzdjurw3P7mCOJeP4iEsg9tXRQGJe1nAhuE/s320/reply03.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmo1leZn517-S2AbdE0IvoBt6xS4UdxxxP-k_qGgtYzl_YvvLrR0vHWtgtsQ1fruf9FARSp2ym6UnXK0zjvB3bnwxkqOcsF9Uw1ZGvylZYBB5yY4oEzS5AijxvzgXLj5URKpiXoq5fiyLT/s320/reply04.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifOEOmCW4jVc1HjLP0GUyu5iLnb8rE8yV7lMJeK6uSsq_D4z_ZgwaR21HhJw0k_eN2ziXv-rIAQ6kvaKyfYGs9qRA_DK3uYc6zTImOsAauRZ7hp_1YgKVnRbZPib3hAEByd-6WlMglXTqp/s320/reply02.png

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicQCV-5VpLQ4ZFAzWXBnghE7dsOOK4fMGYW_w2VTxLVl8b2hyphenhyphen7D9PZwJIfkZyLOAw_rhd1ok2WqhTIgXte8XSFKO0BU0y2UgrV5ibCYTJ7ZaHJVDTACk4hT2HNOnXrnG9r05fkpJTK6pz6/s320/reply05.png

0 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more