Customize Blogger Contact Form

Recently blogger added a widget to their directory and that is a small contact form with two input fields for name and Email and a text area for writing the message.

Here on EWT the contact form in our contact page is a bit complex but blogger has introduced a more simple one and has made it extremely easy to use.

Ever wondered how to customize this simple form into a professional looking contact form that may give a complete new boost to your overall blog look?  As usual, we do our best to keep our readers unique, so we will be providing you with some easy tips to make your contact form unique.

Customizing The Form:
  1. Go To Blogger > Template
  2. Backup your Template
  3. Click “Edit HTML”
  4. Search for (use ctr+f) </head>  and just above it paste the following CSS code:

The above css code is will work perfectly on all browsers including Internet Explorer. The code has been made compatible to work fine with all major browsers like IE, Mozilla and Webkit browsers.

  • To change button colors edit the class .EWT-button-color
  • To change the button color on mouse hover edit the class .EWT-button-color:hover  and for active mode edit EWT-button-color:active

     5.  Save your template and viz…

Did you get the answer you were searching for?

Save hours of searching online or wasting money testing unnecessary plugins, get in touch with me and let's discuss a suitable plan for your project. Best thing about this service is that you are never placed on hold and get to talk to an expereinced Oxwall/Skadate developer.

Get Answers for Free!

Ask a question related to this topic and get immediate answers from other community members in 48hrs or less. Contribute by answering members questions.

Ask Question
Premium Service

Whether it's a custom plugin, theme or dedicated support needed to get you started on your project, get professional 24/7 support tailored to your need.

Get in Touch

Or just leave a comment...

Leave a Reply