Contact Form With Upload Option For Blogger

Create your own online contact form for your blog using EmailMeForm with easy to customize style design. Contact form is very important to all blog/website owner’s, it is the way to communicate or to connect to person who may be ask for information or assistance to the site owner’s. You can use this what ever you offer in your visitors or client and today I will teach you how to make your own.

What is EmailMeForm?

• EmailMeForm is a free and easy to use HTML online form builder that helps you create web forms and surveys.

Follow the instructions below.

How To Setup EmailMeForm?

1. Register an account in Emailmeform.

CLICK THE IMAGE TO ENLARGE

2. Login to your account.
3. Create new form, just click “Add Form” button on the upper right side.

CLICK THE IMAGE TO ENLARGE

4. Then you will see a option box something like the screenshot below.

CLICK THE IMAGE TO ENLARGE

5. Choose “Take me to the Form Builder. I’d to create my own form.“
6. The next page is you will see your EmailMeForm settings with “Add Field, Field Settings, and Form Settings.

CLICK THE IMAGE TO ENLARGE

7. All you have to do is add field by clicking the blue button, choose and click the button that you want to your form, you will see the effect on the right side of your form builder.
8. In my sample, I created my EmailMeForm fields just like the screenshot below.

CLICK THE IMAGE TO ENLARGE

9. After you created your own, click “Save Form” button.

How To Add Css Style In EmailMeForm?

1. From your EmailMeForm dashboard click “Edit“.

CLICK THE IMAGE TO ENLARGE

2. Go to Form Settings >> Styling Options.

CLICK THE IMAGE TO ENLARGE

3. Add the code below to “Style Table Css” textarea field.

Code:

border:1px double #A2A3A2;
border-radius:25px;
-moz-border-radius:25px; /* www.trickiezone.com */
padding:0;
margin-bottom:15px;
box-shadow: 2px 5px 10px #666;

4. You can change “#A2A3A2″ into whatever color code you desired.
5. Leave the other fields blank then hit “Close” button then “Save Form“.

How To Get EmailMeForm Code?

1. From your EmailMeForm dashboard click “Code“.

CLICK THE IMAGE TO ENLARGE

2. In your code section, choose and click “HTML Only“.

CLICK THE IMAGE TO ENLARGE

3. Copy the whole code and ready to apply to your blogger.

How To Add EmailMeForm Code To Blogger?

1. Login to your Blogger account.
2. From your Blogger dashboard >> Drowndown Menu >> Pages.
3. Create new blank page and paste the code and save.
4. View your page.
5. Done! enjoy and happy blogging :)

Also you can try this into your website, wordpress site, and wapsite.

Hope this article helped you a lot. If you found this article useful please subscribe us to receive free email updates or Like us on Facebook and Follow Us on @Trickiezone.

Confused?

Feel free to ask! We accept any comments, suggestions related to this article.