Thursday, June 7, 2012

How To Add Beautiful Background On Comment Box In Blogger Blog

Author: Gagan Masoun
How To Add Beautiful Background On Comment Box In Blogger Blog
This tutorial will guide you "How To Add Beautiful Background On Comment Box." With the help of this comment box you can get more comments from your blog visitors. Make your blog more attractive by adding beautiful background on comment box. When your comment box will look different than definitely your visitors will try your comment box. Simply follow these steps given below and enjoy blogging.

Steps To Add Beautiful Background On Comment Box In Blogger Blog

  • Go To Blogger Dashboard > Template > Edit HTML > Tick The Expand Widget Templates
  • Backup Your Template Before Making Any Changes
  • Click (Ctrl and F) Search for ]]></b:skin> 
  • Just Above It Paste The Code Below
#bd-cbox iframe{
        background:#ffffff url(http://bit.ly/JOwFhe) 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:#ffffff;
        width:560px; height:213px !important;
}
#bd-cbox a{
        color:#ffffff;
}
  • Click (Ctrl + F) Search for <div class='comment-form'>
  • Replace <div class='comment-form'> With This Code <div id='bd-cbox'>
  • Save Template and Its Done

Customization Of Beautiful Background On Comment Box

  • Replace (http://bit.ly/JOwFhe) With Any Of The Backgrounds You May Choose.
  • Change The Color Of The Text "comment as" by replacing  #ffffff
  • To Change The Width Of The Box Then Edit width:560px

3 comments:

  1. Your blog is very nice, I have learned more Keep up the good work I am grateful and I appreciate. Thanks.

    ReplyDelete
  2. Nice Post. This is really very good article. I am really apreciated to share it with us. Thanks!!

    ReplyDelete
  3. Your article is too much effective specially for me. I was searching about it. Now my problem is solved. Thanks for sharing your valuable experience.

    ReplyDelete