Thursday, October 09, 2014

How To Customize Comment Box In Blogger ?

Blogger Tricks, Blogger Tutorials, Blogger Widgets
Do you ever imagine of customize comment box in blogger ? Although Google experts works very hard to improve its features and results can be seen in new blogger interface. Blogger commenting system is only element which is necessities some sort of complement. If you want to make your blog more successful then you need friendly commentators instead of loyal commentators. This is the only way to keep your old article alive is to reply to comments. But if you aren't getting any comment then surely your post will die in quick succession. So today we are going to customize blogger comment box with this users will not hesitate while publishing a comment.

How To Customize Comment Box In Blogger

  • Login to blogger dashboard >> Template.
  • Click on Edit Html.
  • Backup your template in-case of any thing goes wrong.
  • Now search the below code by pressing Ctrl+F
]]></b:skin>
  • Copy the below code and paste it above/before ]]></b:skin>.
#tbt-comment iframe{
      background:#ffffff url(IMAGE-Here) repeat;
             border:1px solid #ddd;
             -moz-border-radius:6px;
             -webkit-border-radius:6px;
             box-shadow: 5px 5px 5px #CCCCCC;
             padding:5px;
             font:normal 12pt "ms sans serif", Arial;
             color:#2F97FF ;
             width:560px; height:213px !important;
}
#tbt-comment a{
           color:#fff;
}
  • Replace IMAGE-Here with the background image Url that you want to see in blogger comment box, we have already listed below some background links so you may enjoy attractive comment box.
  • Again find the below code.
<div class='comment-form'>
  • Replace the above with below code.
 <div id='tbt-comment'>
  • Now save your template and you are ready to enjoy your new blogger comment box.

Comment Box Background

http://4.bp.blogspot.com/-mNhAkLamIz8/TnOlHefpjzI/AAAAAAAAFFE/agkd-EA7pUA/s400/11.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://4.bp.blogspot.com/-QkIj_Y7ylh0/UBLdRg56bpI/AAAAAAAADfA/16sPq2FPhg0/s1600/HP-Laptop-Luster.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://1.bp.blogspot.com/-cn7DU3xalss/UBLfTrfRImI/AAAAAAAADfg/AJ3NcEbp4_Q/s1600/Moon-Ramadan-Theme-.jpg
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://3.bp.blogspot.com/-zC80yLKPt24/UBLgDwCbIuI/AAAAAAAADfw/_ZzfgClkC3A/s1600/Eid-Theme.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://2.bp.blogspot.com/-I62adhc2Rio/UBLhnnnhy_I/AAAAAAAADgI/Qd0733CgQVg/s320/Zeebra.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://1.bp.blogspot.com/-UFQ2NumsVJw/UBMNZ1ch32I/AAAAAAAADjo/KnWOT7OGHKM/s1600/Tree-RED.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets
http://3.bp.blogspot.com/-DyncY5_d5ZM/UBMQSISiZ7I/AAAAAAAADkA/jNpLgFki83c/s1600/SnowFall.png
Blogger Tricks, Blogger Tutorials, Blogger Widgets

Final Words

So i hope you enjoyed this trick. If you think we missed some good themes just leave it in the below comment box we would love to include them in our list, till then happy blogging.
Share this article :

0 comments :

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.

Post a Comment

Contact Form

Name

Email *

Message *

 

Blog Archive

Support Us

About Author

Hi Friends, my name is Rj HaSsan and i m 20 years old, certified SEO consultant, addicted blogger and the Entrepreneur of True Blogging Tricks who based out of the wonderful country name "Pakistan". ...Read More