Thursday, July 27, 2017

By this useful article I guide you that how to add Contact Form in  blogger blog. I have found and searched that lot of free services are available in this regard. You will be able to find fairly only some of them. Now I introduce two Contact form one is simple second is CSS style.  If you want to add contact form in your Blogger Blog you will show professional look of your blog due to contact form. Now I describe following suggestions  suggestions and tips how you add contact form. 
How Add Stylish Contact Form to Blogger

What is Contact Form

In the event that you visit various sites around the web, it is likely that the greater part of those site will have a Contact Form. A contact Form is essentially an arrangement of inquiries rounded out on the page by your visitors that is consequently sent to your email when it is rounded out. The essential case of a Contact Form is that you can be utilized for pretty much anything you can consider yet here are a couple of cases of motivations to utilize a Contact Form. This is a Contact Form that is utilized for general remarks from your visitors and readers and Contact Form enables visitors to get in touch with you with different inquiries they may have identifying with your business. On the off chance that your business offers an administration, or item your clients can utilize this to ask more data. Since contact frames are dealt with server side and your email address is not promptly accessible spammers can't reap it as effortlessly and this is significantly more secure than utilizing the mailto. Since you indicate the data you'd like from the client you can catch the correct data you need from them. Since all the data is given to you a similar way, the messages from the contact form are reliable and can enable you to remain sorted out. 

Why We Add Contact Form in Blog

Rather if you are utilizing your email or mailto: tag,  or other services are a very parcel focal points and not the following points. 

Consistency: regardless of whether you're file organizer is a carefully marked exemplification of productivity or simply the favor name you've offered to that shoebox in your wardrobe, you can't deny that business runs all the more easily when your data is steady. Contact shapes enable you to remain sorted out, by continually furnishing you with a similar data similarly, regardless of who comes calling.

Data Information: tired of asking for that same snippet of data from your customers again and again at whatever point they send you a nonexclusive email? Include a tab asking for whatever data you require in advance, and never endure that cerebral pain again! 

Spam channel: the advantage of utilizing a Contact Form over providing your email address is that spammers and bots won't get the chance to surge your inbox very as effortlessly. It's route more secure than depending on a mailto: tag. 

How Add Simple Contact Form to Blog

How to Add Simple Contact form to the Blogger Now I guide you how to add it and do the carefully following suggestions:

1. Go to www.blogger.com and login your account and chose Layout from left side and to get an option Add Gadget. See the picture has given below:
How Add Stylish Contact Form to Blogger

2. Now you will show Add Gadget click to main panel of right side and you will see the list of gadgets for more information see the picture has given below:
How Add Stylish Contact Form to Blogger

3. Now chose more gadgets from the left side and you will contact form and now add it for more information see the picture has given below:
How Add Stylish Contact Form to Blogger

4. Now to go Theme section and click on theme from left menu for guidance see the picture has given below:
How Add Stylish Contact Form to Blogger

5. After that Click on Edit HTML and you will be provide whole code for the further functions for more guidance see the picture has given below:<
How Add Stylish Contact Form to Blogger
6.  Now Search this simple line of code ]]></b:skin> and place the following code just before it.

After opening of separate page paste the following code in HTML post editor and remove everything from it and given the name of the page Contact Form and publish it.


<div id="custom_ContactForm1" class="widget ContactForm">
<div class="contact-form-widget">
<p>Get in touch with us by filling out the form below.</p>
<div class="form">
<form name="contact-form">
<p></p>
Name
<br>
<input type="text" value="" size="30" name="name" id="ContactForm1_contact-form-name" class="contact-form-name">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input type="text" value="" size="30" name="email" id="ContactForm1_contact-form-email" class="contact-form-email">
<p></p>
Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea rows="5" name="email-message" id="ContactForm1_contact-form-email-message" cols="25" class="contact-form-email-message"></textarea>
<p></p>
<input type="button" value="Send" id="ContactForm1_contact-form-submit" class="contact-form-button contact-form-button-submit">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p id="ContactForm1_contact-form-error-message" class="contact-form-error-message"></p>
<p id="ContactForm1_contact-form-success-message" class="contact-form-success-message"></p>
</div>
</form>
</div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a title="Edit" target="configContactForm1" onclick="return _WidgetManager._PopupConfig(document.getElementById("ContactForm1"));" href="//www.blogger.com/rearrange?blogID=8799058979810298021&widgetType=ContactForm&widgetId=ContactForm1&action=editWidget&sectionId=sidebar-right-1" class="quickedit">
<img width="18" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" alt="">
</a>
</span>
</span>
<div class="clear"></div>
</div>

7. How to do  open page area and open new page and then set post settings area for more information see the pictures has given below:



How Add Stylish Contact Form to Blogger

How Add Stylish Contact Form to Blogger

I hope you like this article and leave your comments. 

Contact Form

Name

Email *

Message *

Home     About Us     Contact Us     Privacy Policy     Disclaimer     Sitemap    

                                  Copyright ©2014-2018. Media Music Mania - All Rights Reserved.