Header Ads Widget

How To Add Contact Form In Blogger Blog

Hello Friends, You Know That There are Tons of Contact form Services Available on the Internet Providing Multi-Options Contact Forms. You can Create Your Own Contact Form with Information You Want to Show on Contact Form. But the Main Problem is You Can't Receive Messages Directly into Your Blogger Blog Mailbox.


It's Realy Good News for Bloggers that Blogspot Giving Their Own Contact Form Widget. Although Blogspot Blogger Contact Form is Not Fully Multifunction Contact Form Its Too Simple Contact Form Messages Directly Sends To Your Mailbox.

It's Worth Nothing, It's An AJAX Form With Stylish Google UI. In case You Can't Find The Contact Form Widget I'll Show You How To Add Blogger Contact Form In Your Blogspot Blogger.

Go to your Dashboard > Layout > Add A Gadget > More Gadgets


Choose the Contact Form gadget, give it a suitable title, and click on the Save button to add this gadget.
Update:  Now you can hide your contact form widget and convert it into a static contact us page.

You can Add contact form manually anywhere in a blog or in posts. Copy below code and paste.
<form name="contact-form">
<p></p>Name
<br>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="">
<p></p>
Email
<span style="font-weight: bolder;">*</span>
<br>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="">
<p></p>Message
<span style="font-weight: bolder;">*</span>
<br>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send">
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
That’s it!  
Hope this article helped you.

Post a Comment

1 Comments

Thanks For Commenting We always appreciate your opnions.