123 Contact Form for Blogger

Add This To Del.icio.us Share on Facebook StumbleUpon This Add to Technorati Digg This

Contact form for Blogger

Check Demo at My Blog : 

Demo 1

Demo 2 

So, you started your own blog. You created it on the Blogger platform. You write about your favourite things, started having traffic, and now feel that you need to better interact with your visitors. It is time for you to create a contact form for your blog.

Before continuing, there are a couple of things you should know: usually, contact forms use the mail() function to send emails. As your blog is created on the Blogger free platfom, you do not have access to the mail() function. This is why you need to use an external service to create and run your contact form. We will teach you how to use a free 123ContactForm account to create the form you need for your blog.

Please follow these steps, in about 5 minutes, your Blogger page will have a brand new contact form!

1. Sign-up for a 123ContactForm account.
2. Login your new 123ContactForm account.
3. Click the Create new form link.
4. Enter a name for your form (eg: Blogger Contact Form) and your email address in the first 2 input boxes, then click the Save Form button in the bottom of the page.
5. You are on the Edit Fields page. Click the Next link.
6. You are on the Theme page. Click the Next link.
7. You are on the Get HTML code page. Go to the Option 2 part of the page, click the Select text button. Press CTRL+C and now the contact form HTML code is in your Clipboard.

That's all you have to do on the 123ContactForm site, now go to your Blogger blog and do the following:

1. Login your Blogger account and click the New Post button.
2. Switch to Edit Html mode.

 

1. Enter a title for the new blog post, for example: Contact Me
2. Set the focus to the body of the post, and press CTRL+V (or right-click and select Paste from the menu that appers). This will paste the form code, from the Clipboard to your Blogger post.
3. Click on Post Options and set Reader Comments to Don't allow
4. Click the Publish Post button.
5. To make your contact form visible to your visitors, place a link to the contact form post in your blog's sidebar, by clicking Layout, then Edit HTML in your Blogger account.

  

That's all, folks! Click here to see a Blogger blog that uses a contact form created using the steps you just read on this page.

For Further Reading,

Blogger, Blogger Tips, Blogging, Blogging Tips, Blogspot Tips, SEO Tutorials

• Facebook Hack: Hide your online status from certain people
• ReBuzzThis An Alternative to Buzrr For Google Buzz Counter
• Social hub: How to integrate Facebook and Twitter in Gmail
• google wave in blogger?Image based tutorial
• Displaying total number of posts and comments to blogger
• Add Flash Files to your blogger
• Adding animated GIFs to blogger
• Change color and size of default tag cloud in blogger
• Display More Targeted AdSense Ads on Your Blog
• How to add a Google Picasa Web Album Slideshow
• How to Embed Ad Code Anywhere in Your Blogger Template
• Blogger Comment Posting with Name and URL
• Ad Stripe at Top with blink in blogger blog
• Add A Reply Option To Blogger Comments
• 5 Best Blogspot Blogger Hacks
• Replace Home and Posts Links by images
• Ads Theme Blogger Template
• How to Earn Six Figure Money from Blogging by Darren Rowse
• Florist - Free WordPress Dating Theme
• Quick Solution to Protect Your Blog From Spam Harvesters