How To Create A New Contact Form Widget For Blog Posts In Blogger

Contact from for blogger encourages visitors to have friendly welcome to a blog. To prevent long waiting blogger has come up with a new widget called as contact form. Accumulation of contact form is mainly meant to reflect the amount of traffic that you get to your blog in the form of comments to your post; it makes a visitor quite happy and cheerful to contact you for further queries effortlessly.

Building a contact form for a blogger is a trouble free process that can be done only in fraction of seconds. This contact form enables you to get feedback for your blog which is quite helpful for your enhancement and to work speedily. This obligatory widget has to be used by every individual who works on blog to build high quality backlinks and traffic from visitors.

Are you bothered about how to add contact form to your blog? Get clear idea by watching my tutorials in which I have embedded the clear and step by step description of all blogging tips and tricks.

 How to add the contact form to Blogger

• Login to your Blogger Dashboard and Navigate to the Layout Page which you be able to find at the left side of your blogger
• Now click on add gadget link, you will find a new window with more gadgets options on the left side of the menu
• Click on that more gadgets option to choose a new contact form
• As soon as you click on the new contact form you will find a window with a title of configure contact form
• Here enter an appropriate title based on your choice and then click on save button
• Then drag that gadget and drop it under the blog posts gadgets
• (Never opt to drag contact us gadget form into footer, if you do so you may not get proper output)
• Click on save arrangements button to save in blog
• Now go to your blog template and click on edit html

Now Copy this code and page in HTML Editor as shown in Fig.

In the html editor, find

 ]]></b:skin>

Insert this code

.widget.ContactForm {

 display: none;

 } before ]]></b:skin>

• Click save template and access a new page
• Now create a new blank page with the name of contact us or any text you wish to opt for
• In the new page editor pick for HTML mode to paste the below code

Now Copy this code and page in HTML Editor as shown in Fig.

<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>

• Their choose few page settings options which we have given in the below figure
• Click on publish
• Congrats your new contact page has been designed.

If you find this post as relevant please leave your genuine comments and go though our further more articles of tips and tricks of blogger.