How to create a contact or feedback form in blogger. To
create a contact form it is very simple. In this blog I would show you an easy
way to create contact form. For create that you don’t want to know special technical
knowledge. You just know how to copy the content in this blog to your blog or a
website.
Before copying the content from my blog, we should know whatis a page? And how to create a page in blogger?
By seeing above page in blogger, So now it is very easy to
explain about how to put a contact form in your blogger.
Please follow these steps:
Step 1)
Goto blogger dashboardStep 2)
Click on “pages”( below “post” option)
Step 3)
In the page option, Click “create a new page”.Step 4)
Copy this below content without any modifications. And paste the content in HTML editor(we have two options in blogger compose/HTML).
<div dir="ltr" style="text-align: left;" trbidi="on">
<form name="contact-form">
Name<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<br />
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br />
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>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
Step 5)
This is very important step, we should save and update the page before closing it.
Then your contact
form is ready to see in your blog or website.
No comments :
Post a Comment