-->

How to Add Blogger Contact Form into Blogspot Static Page

Today in this post you will learn that How to Add Contact Form in Blogger Static Page. As you know contact us page is very necessary for every blog, therefore every legal and original website has this page so that users and readers could ask questions and find its answers from the website owners or workers via this page. But if you add widget in your contacting page then it will be more professional and well looking and then your readers and users will be easily contacting you via free Contacting page.
In WordPress you can add this form by uploading various plugins like Contact Form 7 is the best to use, but in blogger case the situation is not like that you have to manually add this gadget to specific page. But now luckily Blogger has added this widget in it, So today we will discuss on:
blogger contact form

How to Add Contact Form into Blogger Static Page

To add this useful widget in blogspot is not so difficult as you think, it is more easy as 1,2,3. Thus you have to follow these easy simple ways described below:

1. Login to your Dashboard >> Layout >> Add a Gadget, then click on "More Gadgets" and then select "Contact Form" widget and after this click on "Save" button.
Contact Form Gadget
2. Now you have successfully added your gadget in blogger's layout, now we should hide that widget from layout, so that it did not appear on homepage layout. For hiding it Go to Template >> Edit HTML, and search for this highlighted code ]]></b:skin> and paste the below code just above it.
.widget.ContactForm {
 display: none;
 }

Add Contact us Form in Blogger Static Page
Now, we will add this gadget in our blog's page. For adding this widget in your page, first you have to create a page and give its title name as "Contact us".
(For example see the below image)
Create New Page
Now click on "HTML" and paste the below code set of code into that page and publish it.
 (See below image)
Click on HTML
<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>
Now you are done.

Got any Conclusion

This is the simple trick about How to add Blogger Contact Form in Blogspot Page that i have mentioned in this post and share with you. If you any question in  your mind or feel any issue then do not be hesitate just comment me below i will help you as soon as possible. If this post helps you a bit then kindly share our articles with your all friends and for more awesome tips ad tricks please stay in touch with us by enter your email address in our "FOLLOW BY EMAIL" widget.
ViewCloseComments