How to Add Contact Us Form in blogger static page instead of sidebar

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoinC0KnJNcKYQZyoHYMtUqijZeDAHQTkfMhyphenhyphenFu1wlW-53MH5JIKlyPcpkYls-yaUOh01NheqGrrMWd7_za9sG3tTz52kpvQbhPGSLGkDprvTgQe7bf1AM3sD_6inxRxIY2NAhyphenhyphenQp5c9fo/s1600/Contact+us+form+for+blogger+page.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Contact us form for blogger page" border="0" data-original-height="342" data-original-width="280" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoinC0KnJNcKYQZyoHYMtUqijZeDAHQTkfMhyphenhyphenFu1wlW-53MH5JIKlyPcpkYls-yaUOh01NheqGrrMWd7_za9sG3tTz52kpvQbhPGSLGkDprvTgQe7bf1AM3sD_6inxRxIY2NAhyphenhyphenQp5c9fo/s320/Contact+us+form+for+blogger+page.png" title="Contact us form for blogger page" width="261" /></a></div>Contact us page is essential for a blog or website. One of the blogger limitations is that blogger did not give you a contact us page. Blogger launched it official Contact Us Form, but you can use it only in the sidebar or in the footer. If you do not want to add the contact us form to your Blog’s sidebar but want it to appear on a Separate particular page, then this tutorial will help you out. You can make it manually if you have knowledge of HTML, CSS and java script. However, it is not likely for everyone to learn HTML, CSS and java script. I found a solution for this purpose. <br />Move the Blogger Contact us Form from sidebar to a static Page<br />Follow instructions given below to move the Contact Form to a separate single page see a live demo of that <a href="http://www.myurdublogger.com/p/contact-us.html">contact us form</a>.<br /><br /><br />1. Go to <a href="http://foxyform.com/" rel="nofollow">foxyform.com</a> provide accurate information in all field as shown below.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTVBjzyNMVS7F1KL4ROO9ePeKTRrYOLnbFIAZBXYOYLZkdavf3L822BWkE_osCX5FHE34yGAtKNL-OptsuuemGa6tNMgRpXyWqQaS0eV_aHFqvtTli-MTqDXMoOaf3t-YLBaanDExjFfs/s1600/Simple+contact+us+form+for+blogger+static+page.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Simple contact us form for blogger static page" border="0" data-original-height="840" data-original-width="812" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLTVBjzyNMVS7F1KL4ROO9ePeKTRrYOLnbFIAZBXYOYLZkdavf3L822BWkE_osCX5FHE34yGAtKNL-OptsuuemGa6tNMgRpXyWqQaS0eV_aHFqvtTli-MTqDXMoOaf3t-YLBaanDExjFfs/s640/Simple+contact+us+form+for+blogger+static+page.png" title="Simple contact us form for blogger static page" width="617" /></a></div><b>2. Setting:</b> in this section, you will choose required options for your website. You can make a field either required or optional to see a full list of options click on "Show further option" which you can include in your contact us form.<br /><br /><b>3. Advanced setting:</b> Customize your forms font style, size, and color.<br /><br /><b>4. Target e-mail address:</b> This is very important here type your e-mail on which you want to receive Mails from users. Make sure target e-mail is okay.<br /><br />Next, verify you are not a robot by completing anti-spam protection captcha. You can also check a preview of you contact form at the end of the page. Finally, click on Create Farmular. You will redirect to like this screenshot.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yj9U6M2uOyAiDsDuxnKfMsA1aY_o3kCQeA14WR1qXZPlaSp0Hpd66cEpmA76Kj2HB-56k2jBnA2kRaHDXzX-qBKgHHXv3GqqCReoipm9iKRPhMerD5L_uJjXktS68S2ourA-cZEr8GDw/s1600/Blogger+contact+us+form+HTML+code.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger contact us form HTML code" border="0" data-original-height="229" data-original-width="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yj9U6M2uOyAiDsDuxnKfMsA1aY_o3kCQeA14WR1qXZPlaSp0Hpd66cEpmA76Kj2HB-56k2jBnA2kRaHDXzX-qBKgHHXv3GqqCReoipm9iKRPhMerD5L_uJjXktS68S2ourA-cZEr8GDw/s1600/Blogger+contact+us+form+HTML+code.PNG" title="Blogger contact us form HTML code" /></a></div><br />Copy the whole code this is a java script please do not make any changes in this.<br />Go to <a href="http://www.blogger.com/" rel="nofollow">Blogger.com</a> create a new page write page title "Contact Us" and disable comments. Switch to HTML mode and paste java script here publish your page.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI9_ZL_yUMv3Mx_vW1KfTSOzLGbQFKKMpxaeWDyTY3lnyijjekh6gT48-LTpRTy660DrfPaU2wWfhGUgWAGLkAwRmHUKbT8d2RlDyIPjPXm8aXSIvOhfBOWk5y76Diwz7Df_R-0QajY2x-/s1600/blogger+contact+us+form+HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="706" data-original-width="1041" height="433" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI9_ZL_yUMv3Mx_vW1KfTSOzLGbQFKKMpxaeWDyTY3lnyijjekh6gT48-LTpRTy660DrfPaU2wWfhGUgWAGLkAwRmHUKbT8d2RlDyIPjPXm8aXSIvOhfBOWk5y76Diwz7Df_R-0QajY2x-/s640/blogger+contact+us+form+HTML.png" width="640" /></a></div><br /><h3>Some Pre answered questions.</h3><b>Question #1: Why I need a Contact Form?</b><br />Adding a Contact Us Form give a more professional look and make easy for users to communicate with you. They need just fill out some necessary information in the contact form, and just press send. That makes it so easy for them. It is also useful to the blog admins, as they do not have to expose their email address on your blog.<br /><br /><b>Question #2: Why not have it on the sidebar?</b><br />Because the user can send you (owner) feedback, suggestions, and queries without opening up an email application like Gmail/Hotmail, and so forth. Another point blogger provides a contact form widget, which you can add in sidebar or footer. However, it not good, for user experiences it loads with every page which user visit on your site. Most visitors did not need it. Therefore, it is not necessary for every time. It makes loading speed slow.<br /><br /><b>Question #3: Can we add some extra fields to the Blogger Contact Form?</b><br />Yes, I have already explained that you can add many additional fields according to your needs.<br /><br /><b>Question #4: Does this form have any impacts on SEO?</b><br />No, this is 100% SEO optimized.<br /><br /><b>Question #5: Is this safe from SPAM?</b><br />No doubt, yes 100% free from Spam. This script is included with Google reCAPTCHA anti-spam protection.<br /><b>Question #6: Where will messages be delivered?</b><br />All messages that user send you through contact form will be forwarded to email, which you have you to create this script.<br /><b>Question #7: why Contact Form is not sending the message?</b><br />If you are facing a trouble or have further questions, please feel free to ask us by using our support service.

widgets How to Add Contact Us Form in blogger static page instead of sidebar

Contact us page is essential for a blog or website. One of the blogger limitations is that blogger did not give you a contact us page. Blogg...

Plus d'infos »