Customized Blogger Contact Form

Contact Us form is always prove it self important for any publisher. Its an important way to communicate with your Readers in a convenient manner.Not only it will help you to improve your services it could also make your community more reliable as Reader will able to communicate with you live with out any barrier. Previously i wrote a tutorial on How to add Blogger Official Contact Form to Your blog. So most of you are aware of the recent gadget added to blogger widget directory and that is a small contact form with two input fields for name and Email and a text area for writing the message. When any visitor send message to you using this contact form. This message will be send to the email address attached with the blogger. If there are more than 1 Blog admin then message will be send in every email Id related with them. Today Blogger Tricks readers will be the first to learn this trick & you will also learn how to add this form anywhere on your blog. Today i designed a custom version of this contact form by adding Some new CSS3. We have added the contact Form to a static page. you can add this Custom Form anywhere you want. On static page the Form on sidebar wont display .

Live Preview

Adding a Contact For to Sidebar

Read Our Previous Post How To Add Blogger New Contact Form

Hide Widget From Sidebar

1. Go To Blogger > Template

2. Backup your template

3. Click Edit HTML

4. Search for

5.just above it paste the following statement that will hide the widget on sidebar.

The above code will hide the Normal Contact Form on a Sidebar only.

Note:- Don't remove the Widget from the Layout of Blogs. This widget will not show in the sidebar of homepage. Instead it will show only in blog Page.

Show Contact Form on Static Page

Since this is widget which can be kept on the right or left sidebar, also in Bottom at footer. But many bloggers want to keep in separate page.

The contact form that you created has an ID #ContactForm1 , using this ID you can easily locate the HTML code of the normal form in your blog source file. If you want to add our edited contact form so follow These Steps:

1. Go To Blogger Dashboard >> Pages >>

2. Create a New Blank Page (Add text or media)

3. and in HTML Mode Paste the Following Code.

Write Your Page Title in Title Tab and click on publish button you are done!

Thanks for Reading our Post. Stay tuned by Subscribing our RSS feed or Like our Facebook page and Receive our Daily Updates in your inbox.