Blogging

How To Add Contact Form In Blogger (Updated) 100%

In this article, you will learn how you can add a contact form in a blogger on any post, which is very easy and it has many benefits, so we will know the benefits in this article and how it is applied. 

What Benefits Of Add Contact Form In Blogger?

So most of you would know that a contact form is very useful, with the help of this you can increase your user experience on your website, whatever problem any user is facing, then you can message through this contact form. 

 

Can do that and you will know what is the problem that the user is facing, then you can solve it immediately.

Some steps follow to add the Contact form In blogger.

Step 1:- Go to your blogger dashboard and create a new page or open any existing blog page.
 
Step 2:- Click the left-side pencil icon and choose HTML view.

 

Step 3:- Copy All code below I provided.
 
 
HTML CODE:-
<form name='contact-form'> <p></p> Name<br /> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' value='' type='text' /> <p></p> Email <span style='font-weight: bolder;'>*</span><br /> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' value='' type='text' /> <p></p> Message<span style='font-weight: bolder;'>*</span><br /> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' value='Send' type='submit' /> <p></p> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form>

 

Step 4:- After Copying all code go to the HTML viewer and paste it or where you want to add the contact form to your blogger page.
contact form code for blogger

 

Step 5:- After add html code click on the Publish button.
 
Step 6:- After Go Dashboard > Theme> Edit HTML.
Step 7:- Find ]]></b:skin>and paste this  below code just above
#ContactForm1{ display: none !important; }
 
So friends, after following all these steps, now your contact form has been created and now you can test it once to see whether 
 
it is working or not and it will work a hundred percent because it is the updated method so far. Which I have shared with you in this blog article

Conclusion

So friends, in this article, I have told you how you can put a simple contact form in your blogger, and although there are very few types of contacts, 
 
if you want to know more about them, then you can tell me by commenting below. If yes, then you will get an article on that too.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button