.png)
Blogger Official Contact Form With CSS
Install It Into Blogger
- Go to Blogger Dashboard
- Select Layout
- Click on Add A Gadget
- Then got to More Gadgets tab
- Then click on Contact Form.
- Then click Save.
It will look like this:
- The go to Template
- Select Edit HTML
- And then find this ]]></b:skin>
- and above it add the following code
/* Contact Form With CSS */
.contact-form-widget {
width: 280px;
max-width: 100%;
margin: 0 auto;
padding: 10px;
background: #87CEEB;
color: #000;
}
/* Boxes and Send button */
.contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-button-submit {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.contact-form-button-submit {
border-color: #87CEEB;
background: #4682B4;
color: #fff;
}
Then it will look like this
you can edit the code above for changing colors.
And like this we change the ugly blogger contact form to an awesome one.
And DoNe.
