Adding Contact form to Blogger

This blog will show you how to add contact form to your blog, As WordPress, Blogger dose not support plugins for blogs. By adding contact form to your blog will help the viewers to tell there opinions and suggestions for your blog, and also help you to make your work better. In this blog you get the code and simple steps to create Contact Us page in your blog, follow the simple steps.

However there is on plugin which help to add contact form at "sidebar", lets see how to add contact form in sidebar of your blog. First log in to your blogger account,

1. Adding Contact Form to Sidebar.

After logging in to your blogger account, go to Layout and in sidebar menu click on add gadgets.

A sub page will pop up in that select More Gadgets it will show different gadgets select Contact Form and click save. Now view your blog. A Contact Form will be displayed in your sidebar. you can also check out where its working or not, by filling the details it will sent a mail of your message to your corresponding email address.    

                                                   images if the pages as follows.

a) go to layout                                    b) click on add gadgets

c) click on more gadgets select contact form                  d) click on save

e) A contact form displayed on sidebare

2. Adding Contact Us page.

go to pages click on create new page , give post title Contact Us now click on save . Now you have created a page its time to put Contact form code in its HTML.

  go to themes in that click on HTML. Here we are putting the code of Contact form if you have      Knowledge of code do play with it for better style.

    Now the important step press  "Ctrl+Shift+f " at once a search box will pop up copy the following  code past it in the box and press enter.  ]]></b:skin> 

                                                                                                                                                                  

Exactly below the flower bracket you need to past following code, after that click on save theme

         div#ContactForm1 {display: none !important;}                                                        

     

go to layouts in that click on add gadgets, select the pages gadgets check the Contact Form click save and save the arrangements.

now click on pages go to edit section of Contact Us page, now in click on HTML past the following code below. After that click on save.

<div dir="ltr" style="text-align: left;" trbidi="on">
<form name="contact-form">
<h4>
</h4>
<fieldset>
<div>
Your Name : </div>
<fieldset>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="200" type="text" value="" /></fieldset>
<br />
<br />
<div>
Your Email: <i>(required)</i></div>
<fieldset>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="200" type="text" value="" /> </fieldset>
<br />
<br />
<div>
Your Message: <i>(required)</i></div>
<fieldset>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="8"></textarea>
</fieldset>
<br />
<br />
<fieldset>
<input class="contact-form-button contou email act-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
</fieldset>
<div style="max-width: 1000px; 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">
By clicking "Submit" button I agree to the Terms and Conditions for Membership
</div>
</div>
</fieldset>
</form>
<br />
<br />
<br /></div>

when you view your blog you can see the menu bare showing Contact Us title click the icon now you can see the display of form if you fill in and click on submit a message will be sent to your email address.

 Hope that this blog is helpful for you guys do share, for any quires write down in comment section.
check out other blogs.

   Download and Install Genymotion.

Connecting Genymotion to Android Studio

How to create Genymotion account

                                                check out the video for more details.