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 :




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>

  <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="" >this post</a> to see how you can find blogger blog id.

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