How to create Contact Form in Blogger- Easy way with latest Google option

As we know that now Google has a new opition that allow us put Contact Form by using Widget, a number of questions have been asking to me. Should we put Contact Forn in a Static Page? Because widget is on the side bar, it is not polite to contact or not friendly for visitors who uasually contact us from a stand alone page.

Now, I'm going to give you a solution to put Contact Form in Static Page. Let's go with me step-by-stey, it easy and simple way using with CSS:

Step 1: Add Cotact Form Gadget

+ Go to Blogger Dashboard > Layout > Gadget

+ And the go More Gadget > Contact Form

+ Put Title of Contact Form and Click Save

+ After adding the Contact Form Gadget drag and drop it bellow the Blog Post Gadget, then click save arrangement button.

Step 2: Hide Contact For Widget

+ Go Blogger Dashboard > Template > Edit HTML............Press (Ctrl + F) to open search box and past the tag bellow:

]]></b:skin>

+ Just befor ]]></b:skin> and past the bellow:

.widget.ContactForm {
 display: none;
 }

Step 3: Create New page for Contact Form

+ From your Blogger Dashboard go to Page > and click on New Page

+In page editor, switch to HTML mode and paste the below code into content field 

<style type="text/css">
 .widget.ContactForm {
 display: block;
 }
 .post-footer {
 display: none;
 }
 #blog-pager {
 display: none;
 }
 .blog-feeds {
 display: none;
 }
 .widget.ContactForm .title {
 display: none;
 }
 .widget.ContactForm * {
 max-width: 100%;
 }
 </style>

+ Then Publish the Page

+ Now you are done! Enjoy it!