Add Contact Form to Blogger Pages

Every single blogger want to make his/her weblog is professional look, since if the blog gains a expert appear then it will attract much more visitors. So here Make contact with us kind is useful thing that make your web page skilled, like when someone want to make contact with you for its query or difficulty then he/she will speak to you effortlessly and he/she like your this straightforward service as well.

Contact web page is major a very important role in the weblog or web site. Due to the fact with this every single visitor can speak to you with easily, Right here make contact with us widget performs very effectively, because only that is the widget with which each and every visitor can contact you very easily.

So now let me inform you the entire procedure to add contact us kind to your blogger pages, so that you could make your make contact with us page specialist. See this very simple guide and adhere to it:

1. How to Add Speak to Form Widget in blogger

i. Go to Blogger Dashboard >> Layout >> Add a Gadget

ii. Click on Far more Gadgets >> Speak to Type       (Hint: On left upper side)

two. How to Hide Contact Type Widget from Blogger

You have to hide this widget due to the fact if you will not hide this widget then it show on that place where you have saved it e.g Appropriate Slide Bar, on footer of your weblog..

i. Go to Blogger Dashboard >> Template >> Edit HTML

ii. Then search for ]]></b:skin>

iii. Now Add the under code ahead of ]]></b:skin>

#ContactForm1

show: none ! important

 3. How to Add Contact Type in Blogger Pages

Now with this you can generate Speak to type in static web page in blogger, exactly where you wanna show your Speak to kind, so that a visitor can contact you by this kind.

i. Go to Blogger Dashboard >> Pages >> New page >> Blank web page

ii. Now Click on "HTML Tab"

iii. And paste the below set of code in the web page

<div dir="ltr" style="text-align: left" trbidi="on"><br /><style>#ContactForm1_contact-kind-namepadding:5pxborder:1px strong #dcdcdcmargin-bottom:20px#ContactForm1_contact-type-e-mailpadding:5pxborder:1px solid #dcdcdcmargin-bottom:20px#wccontactformfont:14px verdanacolor:#222222#ContactForm1_get in touch with-type-submitmargin-leading:20pxbackground:#111111color:#fffffffont:14px verdanaborder:none.speak to-form-e mail-messagepadding:10pxmax-width:350pxborder:1px solid #dcdcdc</style> <br /><form id="wccontactform" name="make contact with-form"><input class="speak to-kind-name" id="ContactForm1_speak to-type-name" name="name" size="30" sort="text" value="Name" size="30" onblur='if (this.value == "") this.worth = "Name"' onfocus='if (this.worth == "Name") this.value = ""' /><br/><input class="speak to-kind-e mail" id="ContactForm1_contact-kind-e mail" name="email" size="30" variety="text" worth="Email" size="30" onblur='if (this.worth == "") this.value = "E mail"' onfocus='if (this.worth == "E-mail") this.worth = ""' /><br/><textarea size="30" class="get in touch with-form-e-mail-message" id="ContactForm1_contact-kind-e-mail-message" name="e mail-message" rows="10" worth="Message.." onblur='if (this.value == "") this.value = "Message.."' onfocus='if (this.value == "Message..") this.value = ""' ></textarea><br><input class="contact-form-button get in touch with-kind-button-submit" id="ContactForm1_get in touch with-type-submit" kind="button" value="Send" /><div style="max-width: 450px text-align: center width: one hundred%"><div class="contact-kind-error-message" id="ContactForm1_speak to-type-error-message"></div><div class="contact-form-good results-message" id="ContactForm1_contact-kind-achievement-message"></div></div></type></div>

iv. And Set the page name as "Make contact with us" you can also set as your wish

Ultimately click on publish and you are done.

Title: Add Contact Form to Blogger Pages
Rating: 910109 Votes

Posted by: Admin Updated at: 11:25 PM

Tweet