Friday, 8 March 2013
As you see on websites ,whether like youtube or forums,all these great websites have reply link attached to every comment published .Fortunately we can also ad reply link to our blogger blogs.
How to add "Reply Button or Link" to Blogger Blog.
- Go to Blogger > Select your Blog >Template > Edit Html.
- Back up your template first.
- Tick the " Expand Widgets" Box on the left top of html editor.
- Search For ]]></b:skin>
- And Paste the Below Code Just above it.
/*--------------CBT Reply Link --------------*/.MBT-replycomments{background:#ECEAEA;cursor:pointer;color:#fff;margin:5px 0;float:right;border:none;padding:4px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:10px sans-serif;}.MBT-replycomments:hover{background:#E7E7E7;}
Make these Changes
- To Change the Link background on active mode edit #ECEAEA
- To Change the Link Background color on mouse hover edit #E7E7E7
- MBT Color Generator tool will be helpful
7. And just above it paste the below code
<dd class='comment-footer'>
<div class='CBT-replycomments'><a expr:href='"https://www.blogger.com/comment.g?blogID=*******************&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=650,height=650"); return false;'>Reply</a></div>
- You can change "Reply" text with your desired one.
- Replace with your BLOG ID. If your are logged into your blogger account then look at your browser address bar. You can clearly see a 18-19 digit code. Just copy it and paste it in place of *******************
- You can find "Blog ID" as shown below in the image
8. Save your template and you are done
Note:
I did not create the code.This code is create BY Mohammad Mustafa Ahmed Zai .
Who is the Admin of Mybloggertricks
.jpg)
.jpg)