Saturday

ADD A UNIQUE STYLE REPLY BUTTON TO YOUR BLOG

In today's world every one wants the best, as blogger is not providing the reply button to comments, the users converts to word press. Now, there is no need of converting from blogger to word press, i will tell you how to add reply button to your blogger comments. You and your users can directly reply to your blog comments.
ADD REPLY BUTTON TO YOUR BLOGGER COMMENTS





1). Open your blog and go to Dashboard.

2). Select Layout and Edit HTML.



3). Check 'Expand Widget Templates' option.


4). Find the following piece of code in your blog HTML codeHOW TO FIND CODE IN YOUR BLOG HTML CODE

<data:commentPostedByMsg/>


NOTE :- Before making any changes you should backup your blog template code. HOW TO BACKUP YOUR BLOG TEMPLATE


5). Choose the reply button and paste the button code directly below the code 
<data:commentPostedByMsg/>

Button 1.



Button 1 code.

<a href='http://www.pcleaks.blogspot.com'><img alt='Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOxIJ9Vh7LUbvr3D12mA6aDPcrqPyblGLoa8MBXaQ3Iods3e6-qnJ8vSv2Lrljf0UbFaeqkwdwIzYuFEiRUY0GInOhtryc1Kjp700uzGqEgIyFh2r8HGIWjhFDUFFdomY61EiOemHZQWw/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><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=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR2Zi94ZmWa1DgzxiNld02npbxHbFCtEJ8MIvG53Abr05Qhova37ieMz7oT7UMeKVpBDtmV2Y8hMv90QwyZBr8sX75AjOqIoFgaW3Neg-sLflU4p9xWjc5-sWveByiWXMsFJGZKshHD5YJ/s1600/Reply+Button+1.jpg' style='float:right;' title='Reply To This Comment'/></a></span>

Button 2.



Button 2 code.

<a href='http://www.pcleaks.blogspot.com'><img alt='Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOxIJ9Vh7LUbvr3D12mA6aDPcrqPyblGLoa8MBXaQ3Iods3e6-qnJ8vSv2Lrljf0UbFaeqkwdwIzYuFEiRUY0GInOhtryc1Kjp700uzGqEgIyFh2r8HGIWjhFDUFFdomY61EiOemHZQWw/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><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=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3-0UV27RsDuHosApd9d9nau3ahaJ_kzmds3lHbeS28HwfIoxhMKRPi5zhP6nO6kPMFQhcf71RzYg97_BP4QnPZIHnTyQxT2YzdTXOMLlLRbkmclplfIhLI_kboSMrNUPQWfgfBdecPnUb/s1600/Reply+Button+2.gif' style='float:right;' title='Reply To This Comment'/></a></span>

Button 3.

Button 3 code.


<a href='http://www.pcleaks.blogspot.com'><img alt='Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOxIJ9Vh7LUbvr3D12mA6aDPcrqPyblGLoa8MBXaQ3Iods3e6-qnJ8vSv2Lrljf0UbFaeqkwdwIzYuFEiRUY0GInOhtryc1Kjp700uzGqEgIyFh2r8HGIWjhFDUFFdomY61EiOemHZQWw/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><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=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjog5s83Wg5narzPOxIQ313LoTc4rr4OgfAc5bzwpPe-IEAfAPNrkcG8-B7Bt7dGB1VAqbPUuxQJpD3tmUhozODjuBuzHrXiQeWTnnX7acVyHC8VNkSBlkb_cYH8KCHe8JswY1DxbF_JQ6k/s1600/Reply+Button+3.jpg' style='float:right;' title='Reply To This Comment'/></a></span>

Button 4.

Button 4 code.


<a href='http://www.pcleaks.blogspot.com'><img alt='Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOxIJ9Vh7LUbvr3D12mA6aDPcrqPyblGLoa8MBXaQ3Iods3e6-qnJ8vSv2Lrljf0UbFaeqkwdwIzYuFEiRUY0GInOhtryc1Kjp700uzGqEgIyFh2r8HGIWjhFDUFFdomY61EiOemHZQWw/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><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=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJR_aAy8Cuuhj0sOmyHVItzSMxQXciARpzgBaPN1z80td4S0orY2STt-hw2_bvvp36cOmgP8NtbfyPlbOBClIDlCipAKvqKZe7NxvKF3HOAVkOhW6VnU9AaNxr2lxbb6fbm7bb0ReU51mR/s1600/Reply+Button+8.gif' style='float:right;' title='Reply To This Comment'/></a></span>

Button 5.


Button 5 code :-

<a href='http://www.pcleaks.blogspot.com'><img alt='Tips and Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeOxIJ9Vh7LUbvr3D12mA6aDPcrqPyblGLoa8MBXaQ3Iods3e6-qnJ8vSv2Lrljf0UbFaeqkwdwIzYuFEiRUY0GInOhtryc1Kjp700uzGqEgIyFh2r8HGIWjhFDUFFdomY61EiOemHZQWw/s1600/best+blogger+tips.png'/></a><span class='comment-reply'><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=400,height=450&quot;); return false;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2lnqRwB2h6-fQ_ZnGId9xp4YQcJejxJNP5IsprEhnhvT7vMPPJCn08uOFTwF8FHl2uyKWHS1VdmfwuaQkR-Ht_ni5G8M82EZTHgWU4cBw66z4QqfOkfKRo2NHwN9oL1IGkNUw2E3pQQTW/s1600/Reply+Button+9.gif' style='float:right;' title='Reply To This Comment'/></a></span>

NOTE :- Replace YOUR-BLOG-ID-HERE with your blog id code, you can get your blog id code by going to your blog design,setting posting page.



8). The last and the most important step, Save you template.
If you got a good experience than leave comments and Email Me for any assistance.

No comments:

Post a Comment