Google Official Contact Form for Static Pages in Blogger

Blogger released it's brand new Contact Form Widget for Blogger Users .It helps to send e-mails to blog owner without Sign In to Google or any other account. Anyone can send mails by providing a valid e-mail address and Message. But there is a problem with that Widget. We posted an article about "How to add Blogger Official Contact Form?" It only works as a Widget (it occupies in Sidebar / Footer), it can place in Static Pages. In many popular websites/blogs they use a page for Contact Form. By default this Contact Form can only used as widget, we are introducing a technique to use Google Official contact Form on Blogger Static Pages.

Check our Contact Us Page for Demo

• Sign In to Blogger Dashboard
• Select Pages -> Create Blank Page

• Switch to HTML mode from Compose Mode.
• Click on HTML in left top of the Page
• Copy the Following code inside it and Save

<table><tbody>
<tr><td>Name</td> <td>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
</td></tr>
<tr> <td>
Email<span style="font-weight: bolder;">*Mandatory</span></td><td>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
</td></tr>
<tr> <td>
Message<span style="font-weight: bolder;">*Mandatory</span></td><td>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
</td></tr>
<tr><td align="center" colspan="2">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
</td></tr>
<tr><td align="center" colspan="2">
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</td></tr>
</tbody></table>

• Go to Template -> Edit HTML
• Click on Jump to Widget and take Contact Form1

•  Click on the arrow before <b:widget id='ContactForm1' locked='false' title=' Contact Us' type='ContactForm'>

  

•  Delete the portion inside <b:includable id='main'> ........ </b:includable>

• Now Sidebar Widget will not appear.
• Click on Save

Read More

How To Delete, Cancel And Terminate Facebook Account And Profile

A simple guide to terminate, delete or cancel Facebook account, together with the Facebook profile easily.

Read More

How To Get Facebook On Your Desktop

Seesmic Desktop, Facebooker, Xobni, Facebook Sidebar Gadget, Scrapboy and Facebook AIR application are desktop applications that allows you interact with your stream just as you would on Facebook, but without the browser.

Read More

How To Update Facebook Status From Firefox

FireStatus is a status update utility for multiple social networks, including FaceBook.

Read More

How To Access Facebook Chat On Desktop

Gabtastik and digsby let you keep Facebook chat sessions open on your Windows desktop outside of your regular web browser, using minimal screen real estate and system memory.

Read More

How To Syncs Photos Of Facebook Friends With Contacts In Microsoft Outlook

OutSync is a free Windows application that syncs photos of your Facebook friends with matching contacts in Microsoft Outlook. It allows you to select which contacts are updated. So you can update all contacts at once or just a few at a time.

Read More

How To Remove Facebook Advertisements

This Greasemonkey script – Facebook: Cleaner removes many of the annoying ads and updates that unavoidably appear on your Facebook pages.

Read More