Tuesday 31 December 2013

Add Contact Form To Blogger Pages

Contact form is that ''Contact Us'' you see on the top tabs of virtually every webpage( unless newbies). It's very important to have a every prominent channel through which your readers/patrons can contact you, in order to get prompt response. Comment form is cool,but it's still very generic
. A person making personal request may not want do so through the contact form. or even visitors that want to offer you one contract or another. Hence, contact form is very indispensable. And you that is setting it up should ensure to be equal to the task of checking up on every possible communication traction. Expect to be regularly contacted.And ensure quality feedback,often with a follow up(after sales service or sort of ). The most common host of peoples contact form is their email server. And here you are going to learn how to set up a contact form with your email address.


Contact forms are in format that those contacting you will write their names, possibly phone or email,and then purpose. Afterwards, they are also checked for spam by been required to repeat scrabble stuffs like 556dfTg you always enter when creating accounts in world wide web. Then they can send their request to you.

                                   An example of a contact form


Your Name:
Your Email: *
Your Message: *


 HOW TO ADD THIS

You add it the same way you add Text to pages.

1. you should know how to add texts to pages if you followed my tutorials on pages from the start. Only that in the blogger post editor, you click on HTML instead of the default COMPOSE. Then copy and paste the below codes in the HTML section of post editor.

<form name="contact-form">
<p></p>
Your Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Your Email:
<span style="font-weight: bolder;color:red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Your Message: <span style="font-weight: bolder;color:red;">*</span><br />
<textarea class="contact-form-email-message"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" />
<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>

After pasting it, you could have a view of it just like i did above by just clicking on COMPOSE beside HTML. After the PUBLISH. And it will just fall into line,alongside other items in the page. BUT Also SAVE arrangement.

For those that didn't follow this pages tutorial from start, see previous or in the pages section of blogger dashboard, click on ADD NEW PAGE....it's very visible. Then it opens with BLANK PAGE and WEB ADDRESS.  Select BLANK PAGE. The post editor should open after that, then you know what to do........it's at this point that i started this post.