How to Create Custom Contact Form in Blogger Page?

How to Create Custom Contact Form in a Blogger Page?

Hello dear guys in this post, you will learn how to Create Custom Contact Form in a Blogger Page?

Many new bloggers failed to add a custom contact form. Although they copy the contact us page HTML code from another site and paste it on the page,  it didn't work.

Actually, the blogger contact form will not work if you did not set it up properly.

So, guys don't worry. I will teach how to make 100% working contact page for blogger blog?

Now, follow the step below-

1. Hiding Contact Form From Your Sidebar:

Yes, this is the first step you have to do Hiding Contact form from your sidebar. If you do not hide the sidebar contact form, messages will not go. So, to hide the contact form from the sidebar, be sure that - has it been activated before? if not activated first.

To active the contact form on the sidebar, follow the step below-

**Go to blogger dashboard-

Then click on Layout>Add a Gadget>Contact Form>Click on plus Icon.
Now, it has to hide from the sidebar. So, for that, Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above ]]></b:skin>:

#ContactForm1{
display: none !important;
}
Save your Template:


2. Adding Custom Contact Form into the Blogger page:


Now, the time to add custom contact form into the blogger page. So, Navigate to your Dashboard > Posts, and click on New Page and select Blank Page.

Now, in your blank page, click on HTML option to switch to HTML editor mode. Add the following code and publish your page:



That's all. Now, the visitors can send you a direct message through the mail. Okay, if you find this post helpful then share this post with your friends also. Thank you.


EmoticonEmoticon