Friday, 27 July 2012

How To Customize Theme of Blogger Comment Box

Do you ever imagine of optimizing your Blogger Comment Box? Although, Google developers are working hard to improve its feature and results can be seen in Blogger New interface. Blogger commenting system is the only element, which necessities some sort of enhancement. To make our blog more successful we need frequent commenters, more than loyal readers. The only way to keep your old article alive is to reply to the Comments, but if you aren’t getting any comments then surly the post will die in quick succession. Today we will optimize our Blogger Comment Box, so users don’t hesitate while publishing a comment. 

How To Change Background Of your Blogger Comment Box:

  • Go to Blogger.com >> Template
  • Backup your Template if in case any thing goes wrong.
  • Now select Edit HTML >> Proceed and press "Expand Widget Templates"     button.
  • And then search for ]]></b:skin> and just above it paste the following Style Sheet (CSS) coding.

#mbl-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;
}
#mbl-comment a{
           color:#fff;
}


1. Replace IMAGE-Here with the image background URL that you want to see in your Blogger comment box. For your convenience, we have listed few backgrounds links below so you may enjoy the irresistible comment box. 

2. If you want to adjust the width of your comment box, then you can customize it by replacing  width:560px.

3. If you desire to change the color of "Comment as", then replace the HEXADECIMAL color "#2F97FF" with your personal favorite 
  • Now in the blogger template search for 
<div class='comment-form'>

  • then just replace it with
<div id='mbl-comment'>

  • Now save the template and you are ready to enjoy your new Blogger Comment Box! 

Comment Box Backgrounds and Vectors:


HP Laptop Luster Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxhkqPizibodT6nkFhvR2wY0YIoCuvdiRC0uKH2BLiyEBJMArMqcOULSuBqwy0BdlAXZbz0IgsvVVxKd1U3WfNZoahPAJwcewVrURCqVCLy3KCgPOjam8tg62V-gWWWZn06LasLjEWTw/s1600/HP-Laptop-Luster.png

Moon Ramadan Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoMblu2OktsGtoBIQ7KbyohgwDaqREDsTH5OJUdzxiPqMI3-V52Faedqkp1EdhQlRq5D5HhvdArz412Pbv5KV_RemuJkB0J_gXAd4Pl4c_YsLoXsVtviaR1cdo-dOYx_7gwxjL5T0jMCQ/s1600/Moon-Ramadan-Theme-.jpg

Eid Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX8KYwDM14Wxsk89PrPY2qmR8Q3hqFLm6TcCgtQ8FaxR-ePuoq_nKTaLAs2VfZ7TydcHxhpxJoJGMpU-8fmzQI3-KGNa4G_-pHyBbcXKGYwrEuwsVkpPw9uw9-4MUjN9sd6a1_90Dh7oA/s1600/Eid-Theme.png

Zebra Stripes Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLKa1hAqXJRaJDLnEd2S5_UTmNr8qi54a08BC2qkDJiNqb1Z2Hx906qMCvoHfmitPx9c3tMepHKOaeMFq92LPx6f6eAwztt19TOyIhWsduEnVjzfg1Ds6zAn48c_Lhcid4NrVTL7sbtw/s320/Zeebra.png 

Christmas Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdLtxD4WdPhX_7xOnbRrmlPublg1ycpHBHXhMBzAeKqsFGD_ZH27yCMMvdM1aMHskkOdBlzvkxE5XINyeiHcwxPeDPL_63Gnho7-4NZ3e8LVMkHKCP6VQ85xlqPgSGDDSBbMpQsF1ZZNk/s1600/Tree-RED.png

Snow Flakes Theme:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV961MZz1KIowcBRY3LcQHPcC11b1qAaBlUArRf-L6wC_c2q3OQfHWQBAoKdor-qmk6m6wUHQpddcWF-RJysfPKpOjbgHe_QXNYRn1VLitutNQ9hu7TZqLVSbRIMkx9-Zo5E5NiM1uaAs/s1600/SnowFall.png

From the Editors Desk:

So hope you have enjoyed the feast, if you think we missed out some significant themes then just leave a comment and we would love to include them in our list. However, soon we will going to introduce more Personalize Comment form themes till then peace, blessings and happy designing.

Credits:www.mybloggertricks.com
How To Customize Theme of Blogger Comment Box
4/ 5
By

GET OUR BLOGGING SECRETS DIRECTLY TO YOUR INBOX!

Want access to our blogging secrets,We never shared on our blog.Just enter your email address below to get access to our 3 ultimate guides on how to run a successful blog!

Dear Reader! We’re enthusiastic to see your comment but after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me.
Let’s enjoy a personal and evocative conversation. Thank You!