-

11 September 2012

8 Backgrounds For Customize Blogger Comment Box

VM | 1:40 pm |
8 Backgrounds For Customize Blogger Comment Box 





 In this post, im going help you to customize your blogger comment box with nice backgrounds.Actually this is great those who are trying to make your blog, attractive. Earlier
i posted about this, but today ill give more different styles.

1. Log in to blogger  Design > Edit HTML.

2. Find this tag by using Ctrl+F   ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

#mbt-form iframe{
background:#ffffff url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXjSgfkUiu4ega-xQ7UjKoS_N_dZuWNFgKxohvMgQL-LQqb9Um7eK86N_9g7BVGOD90NavB0gqNqHYtJOAwEouWbgSY0s3BJ_CtAWdx-zzBVsS4NF5nO4HoFOCeAViUzxTfNuHBObARJjy/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;
}
#mbt-form a{
color:#fff;
}

4. Find again this code by using Ctrl+F   <div class='comment-form'>

5.
Now replace <div class='comment-form'> with below code
 

<div id='mbt-form'>

6. Now save your Template

Here is other backgrounds. you can change above code URL with below any URL.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_Bi_yxyuoqHNKS69K8H58a1Gzyti-sabWg01spJTFLZbMWpx6qPJZeokPypBfOEQOfLSnLlrKM2s0zq8RZMdKvb9Nv-snqaT9BBSrrs7mghNAG1f4M2N5Amca4jk-RPzx40YM6EZuT0J/s1600/form1.JPG



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_rlenpJUV9frCBlmD8gpcVznFBgTCmGRuiuNdlQtK7Ez3TXWMo4ogPbJtmRN2vIQH7zBmBLQ6WyE9oQxUtbfG3n4oucok6ygKjLNumg09T3cWwENKHmwmKTpWjN9fm9cMs88UDGKYFIoJ/s1600/form2.JPG


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_LF1efwBNZ-NAdzTG_uFUxS1ic0_y8TAuE4sboAKNvdp-OFCP6vDGfDBUfQksnzBmYm1yz2-_WaYxRY1_hsHmLJsMM4EFrK07A3TpRB1vZ3vy4YhAzdzbmQ2KvzvsMbOzFLFQsbmyNNW/s1600/form3.JPG


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip5jd0ImZ6aGUC21s77NzQsbDuKrXmazjZbqt1EErw5vbP-Z7bvhlbamjYA3vLIejuay1zUfDqq4S7ebtWE3YiUGg1GrUPDYrBju0zT5LFVNxnLoAlwYhs9h1Qge-8PPVWiMjp0xm7VG8O/s1600/form4.JPG


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzIPMSNv6O07sFHEvFIONMvuevecgM5n1udrexa0fc9DxgkjSHEWQzf5HTMgEH0Df0u_nRReuhgfHDae7UztzUAmQu6PdWnFiIQmukXkB2vsM5uh19W2YRateGNKzF9hU0Kk8NMA_vxJAz/s1600/form5.JPG


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvqAmme1ci3_x7_CKSJ23j_nJDJVoGPxwOMfatX5lKw1r1r_FbVEh12oNZgg7UYUcE1jKAuR4IsXbPGfvN07s406QjjDD7Cdfnetr2K_uHqhXiMcJlbckiqYGiCrSfSjENc9DZDFCgQccy/s1600/form6.JPG


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZJ5d4beZyYYRkzmQcwn_vcSscGsQ0VMVUDrXfaKRSZk67GiToyE1Wk_J9O4SwyvLGKN6UWLeK6EAcsflD2h9nJ8P-3Ras4QtVYRPniK5IS7KAad54i7hpBk_Ax4ypry-MTrxr7LKKo5RW/s1600/form7.JPG


 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQLURoitP3dLkWfU5n2-_tjnH42Davoo8thyphenhypheng72vcRbff0gAOU-Q9N7tDppvJdPEj_4VQ7pUxLlWDEc25f2u1GZovQwGxFTjSMPuhV59rJelH8uGGGeTestfd0CVhnBsVvi17_B_kHD2f/s1600/form8.JPG

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Subscribe Updates, Its FREE!