Today I am going to show you how you can add a really awesome and cool looking Contact form in a page of your blogger blog. This contact form looks really elegant and is very eye-catching.

This contact form inspired from Bloggertut works on CSS and has a very rich feel in it. You can make your Contact page more awesome by adding this widget to one of your blog's pages. A live working demo of this widget can be seen by clicking the below button.

After seeing the demo if you wish to add this contact form in your blog then follow the steps below.

Step 1 : Adding the Contact Form

First of all add a Contact form widget to your blog. To do so go to my post Official Contact Form Widget released for Blogger.
Do not worry about that the widget will be visible everywhere on the blog and our motive is to show contact us form only on a particular page. We will fix it in the second step.

Step 2 : Adding the CSS

Once you have added the Contact form widget go to Blog Title → Template → Edit HTML. Now add the below given CSS code just above ]]></b:skin> .

Hey, I have a small question. It may seem silly but i really need to know coz I'm nube in this. When anyone will fill this form and submit, where will this information go? Will we get the email on our blogger registered email?Please let me know, I really need help ASAP. Thank you very much.