Creating a Contact Me page for Blogger Blog


Blogger has added a new widget in their widget page. This widget is a Contact Me widget which allows blog visitors to contact you.



This can be added in your blog sidebar or footer. In this tutorial I will tell you to how to add this to a blog page.

Create a blank page from Blogger -> Pages -> New Page -> Blank Page

Toggle to tab HTML and paste these code in the HTML textarea :




Name



Email




Message







contact-form-button contact-form-button-submit” id=”ContactForm1_contact-form-submit” type=”button” value=”Send” />

Powered By Subin’s Blog









Now we have to register the widget to make it work properly. To do that Go to Template -> Edit HTML and scrollto the bottom of the code and paste the following code before </html>

<div>
  <span style="font-weight: bold;">Replace the <span style="color: red;">Wheat color background text</span> above to your blog id</span>. See <a href="http://sag-3.blogspot.com/2013/06/find-blogger-blog-id.html" >this post</a> to see how you can find blogger blog id.
</div>

When a user submits the Contact Me form you will get a mail from Blogger like this :