Steps To Add Beautiful Background On Comment Box In Blogger Blog
Customization Of Beautiful Background On Comment Box
- 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
- 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
- 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
#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;
}
“How To Add Beautiful Background On Comment Box.” Live Demo
