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