Wednesday, 2 January 2013




How to Apply Black background theme To blogger Comment Box?  Its very simple just follow these steps: 
Steps:
  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widget Templates" box
  4. Search for this,
    ]]></b:skin>
    5.     Just above it paste this code,


    #td-form iframe{ 
    background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2vIcLnNvaSIH5kCDXyWSl1Yt_pkEXevvYvhPEkZvcLNMxlfBEVkhMTWFuT6nDOYWf_8WLTHyINYqLqvdzblvRLar_Mr06dFefrFAejwxIv-4RrJsqPZT9DosODZpQzma61guQlA-iOh63/s400/11.png) repeat-x;
    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; 
    }
    #td-form a{ 
    color:#fff; 
    }



    To change the color of the text "comment as" simply edit 2F97FF and to adjust the width of the box then edit width:560px  Leave other things as it is for better and clean look.
         6.    Next search for this,

    <div class='comment-form'>
     7.   Replace it  with the code below,

    <div id='td-form'>
        8.   Save your template and you are all done!
    Hit +1 or LIKE to thank us!

0 comments:

Post a Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. You Can add HTML CODE in comments.
2. You can always Test the tutorial.
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Saeed Aquib Ahmed :)

Member
Blogger Widgets

Grab This Gadget »

Powered by Tricks Donor
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by Tricks Donor
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube