.gobump img{ border: 5px solid #ccc; float: left; margin: 15px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; border-radius: 5px 5px 5px 5px; } .gobump img:hover { margin-top: 2px; }


Friday, March 27, 2009

Create A Professional Looking BlogRoll Request Form

If you have a blog and uses Blogger platform, then I have a great tutorial to share with you all. If I ask you one question which form do you use to accept users blogroll request ? Most of you will answer me Contact Form.

Contact form does not look professional and users have to write a long email. But with this form, users have to fill just 2-3 entries and click on Submit. That's it.

In this tutorial I am going to explain you that how to create a professional BlogRoll request form. Below is a screenshot, how the form will look like :

Part1 : How to create form

Step1) To create this form you must have a Gmail account. If not, then create an account now.

Step2) After creating a Gmail account, visit Google Docs.

Step3) Here at the top left corner, click on New and select Form.

Step4) After clicking on Form, a new window will open. This is the window where you will create the questions for users to fill.

Step5) At the top, enter the title of the form i.e BlogRoll and below it, type the description. Have a look :

Step6) Now below it you will see 4 options :

1) Question type : Enter your first question i.e Your Name.

2) Help Text : Its just for help sake and is optional. If you want to fill it, just write, eg. abcd

3) Question Type : In this field, select Text. The text field is used for writing text.

4) Make this a required option : If you put a tick beside it, then this option will be compulsory to fill and if user will not fill it, an error will come.

And when you are done with the first question click on Done. Have a look :

Step7) Now, to create another question put your cursor on Untitled Question below and click on Edit icon at the right side. Have a look :

Step8) To create second question you can follow the same procedure as above. You can write the second question as Blog Address.

Step9) In the second question write Email Address and in last question write Blog Traffic.

Step10) After you have created all the questions, click on Save at the top right corner.

To view this form, click on the link at the extreme bottom. The form will look like this :

Congrats you have created a professional looking BlogRoll request form in no time.

Step11) At the top, click on More Actions and select Embed and copy the HTML code.

Part2 : How to put this form in your blog.

Step1) To put this form in your blog. First open Blogger and create a new post.

Step2) Name the title of this post as Blogroll and paste the code in the body of the post that you copied in Step11 of Part1.

If someone sends you any request, you can check it by going to Google Docs and opening BlogRoll form.

Twitter Delicious Facebook Digg Stumbleupon Favorites More