How To Change Design Of Your Comment Box Very Easily - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Wednesday, 11 January 2012

How To Change Design Of Your Comment Box Very Easily

Blogger has amazing features except it's comment box. But don't worry now you can change background and design it as you wish.You can also add a image as background image.Today I have changed my comment box and writing a post on this trick. Installation of this is damn easy and takes only 2 - 5 Min. Let's see how to add it to your blog.....



How to customize blogger comment box - 


  1. Go to Blogger Dashboard > Design > Edit Html.
  2. Now find ]]></b:skin>
  3. Paste below code just above ]]></b:skin>.

#btsnts-cbox iframe{
background:#ffffff url(IMAGE-LINK) 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;
}

#btsnts-cbox a{
color:#fff;
}

  • Now Search For <div class='comment-form'> and Replace it with the code below.

<div id='btsnts-cbox'> 



Now save your template,and refresh your blog page.....
If my tutorials helps you little much then please share my blog and support me......

23 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. Actually i want wordpress style comment box. How to do ?

    ReplyDelete
  3. Yup..me too want a wordpress styled comment box for my blog Surprise Entertainment Blog but don't know how to do it...the box that is above is same as one blogger blogs except for the color.

    ReplyDelete
  4. Terrific work! That is the kind of information that are meant to be shared across the internet.Thank you =)
    Also see my website: Remove Background

    ReplyDelete
  5. dear please tell me that i follow your tutorial but div class='comment-form' this code not found in my blog now what i should do?

    ReplyDelete
  6. Or you can just use cbox, anyways, thanks for the post.

    ReplyDelete
  7. Thank you for sharing a brilliant comment box...
    I appreciate your thinking.
    Good bless you. You Blog is too good i will visit again

    ReplyDelete
  8. Thank you for the awesome information. I cannot wait to try this! Your blog will be recommended to my friends! Feel free to check out my blog as well.....


    CAYLAANDASHLEY.BLOGSPOT.COM
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^

    ReplyDelete
  9. Thank you for the awesome information. I cannot wait to try this! Your blog will be recommended to my friends! Feel free to check out my blog as well.....


    CAYLAANDASHLEY.BLOGSPOT.COM
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^

    ReplyDelete
  10. i guess blogger default comment system is the best.....as it loads really fast whereas other comment system like disqus will add to delayed page time.......

    ReplyDelete
  11. very nice trick. thank you

    ReplyDelete
  12. thanks for sharing, wait you come to my blog soon

    ReplyDelete
  13. thank you so much for sharing this tutorial.softwaretutorial24

    ReplyDelete
  14. your comments looook coool .... wt is the code ?

    ReplyDelete
  15. It’s truly a nice and helpful piece of information. I am glad that you simply shared this useful info with us. Please stay us informed like this. Thanks for sharing.
    Discount Box Printing

    ReplyDelete
  16. This is the Weblog which is really significant. You did an excellent job by discussing this useful and details with us.
    Cheap Box Printing

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM