August 13, 2011

How To Add Reply Option to Blogger Comments Using Image

How To Add Reply Option to Blogger Comments Using Image



1.Log in to your dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this <data:commentPostedByMsg/> 

4.Copy below code and paste it just after above code.

<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;'><img alt='Reply To This Comment' src='Your Reply Button Image Here'/></a></span>

NOTE : Replace YOUR-BLOG-ID with your blog ID.

Look at the example given below:

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=5653009345002937003&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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLcBbInXeT2Wwav4ve0MWP0wKID3Wxs-jy_EMm9dfZ5-sMA-yIdTzU6aJb5StpPHvQqFgJ3VWGPvewA6nl8ggg2FmZiU_CfkWkfcG8xS4aV8LZhn8LdGdK-pZgZ9jPGc20AWptxdgNvVc/'/></a></span>

How To find your blog Id..

Login to your dashboard and click on "Settings" link of your blog

Now look at address bar of your browser.




Now Replace YOUR-BLOG-ID

Use this reply button images 











5.Save your template you are done.

No comments:

Post a Comment