In every content based blog comment region is very much important because comment at as discussion place for each and every topic. Every blogger always try to encourage their reader to do comment even me also to ask their problems in comments because comments increase post experience better and also helps to increase word strength and back links. So it is necessary to give attractive and better look to default comments.
Today in this post i will discuss about how you can change your comment box look and its background easily. It is very simple and easy to change the theme of comment box by adding simple css code. Which given Thunders
Steps To Change Comment Box
- Go To Blogger Dashboard >> Then Template Section
- Now Click on the Edit HTML Button
- Search For code which look like ]]></b:skin>
- Then paste below code just Above/Before the code we search
#ST-cbox iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaAUZnnRenyTcr-Wh6E863cIYCoGsd_LRm9xTnP1EIL5YCGMrDfsOdsayiaiA2E4eZQ682LA7auXfA-r5bB00T88Z6HSxT-B5Q2Cz56kjvJ5kEciPbvZ_6wRVszbUkmUCeKMD0NQ8HFzg/s640/thunder.gif) 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;
}
#ST-cbox a{
color:#fff;
}
- Now search for the code <div class='comment-form'>
- After finding above replace it with below code
<div id='ST-cbox'>
- After Pasting code Save Template settings
- Now refresh your blog and see the changes on your comment box.
If you want to replace the background image simple replace the image URL link with users.
I hope you will be able change your comment box successfully. If you face any kind of problem feel free to ask me in comments.
0 Comments