How to make a contact page in blogger techpro365

Do you want to make a contact page for your blog so that they can contact you personally regarding any issues or queries. It also makes the user not to leave the website to send an e-mail to you.

After reading this post i assure you that you will have a contact page of your own. Let's move forward and create a contact page or form in blogger using Google drive .

Step 1: Create the Contact Form

· Go to Google Docs --> Create ---> Form. You will get this screen:

· Give your form a name, like "Contact Me" or "Contact us."

· Create questions, which will be the fields in the form. The three basic questions I used are: Name, Email, and Comments. Choose from the drop down menu the type of comment each question requires: Name and Email use "text" comments, and Comments are "paragraph text." You can choose which questions are mandatory.

· Preview the form by clicking the link at the bottom.

Step 2: Get the html code. After you are satisfied, save and go to More Actions --> Embed. Google will give you an html code to copy. Mine looks like this:

Step 3: Create Your Contact Page on Blogger

· Go to your "Contact Me" page (or create one(go to pages-->New page)) on your blog. (Go to Posting --> Edit Pages). Open the "Edit HTML" tab and paste the code from Google Docs.

· Preview how it will look on your blog. In the code, you will see that Google Docs sets it at width="760." Fiddle with the number until the form fits within your page width.

· Publish it.After publishing My contact form looks like this:

Step 4: Make Sure You are Notified When Someone Uses the Form

When someone fills out the contact form, the information will go into the spreadsheet on your Google Docs form. Turn on email notification:

· Go back to Google Docs and click on your form. A spreadsheet will open. Click Tools --> Notification Rules.

· Check the box "a user submits a form" and "email-right away." Save.

That's it. Go ahead and test it by sending yourself a comment. (P.S. Test your own form)

Do you like this post? Please link back to this article by copying one of the codes below.

URL:

https://techpro365.blogspot.com/2013/01/how-to-make-contact-page-in-blogger.html

HTML link code:

                        <a href="
                        https://techpro365.blogspot.com/2013/01/how-to-make-contact-page-in-blogger.html
                        ">
                        How to make a contact page in blogger
                        </a>

BB link code:

                        [url=
                        https://techpro365.blogspot.com/2013/01/how-to-make-contact-page-in-blogger.html
                        ]
                        How to make a contact page in blogger
                        [/url]