
<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>mayvelous &#187; Tips and Tricks</title>
	<atom:link href="http://www.mayvelous.com/category/general-news/tips-and-tricks/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mayvelous.com</link>
	<description>Me, Myself and Mayvelous</description>
	<lastBuildDate>Fri, 09 Oct 2009 07:42:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Adding Contact Form on Blogger or Blogspot blogs with Google Form</title>
		<link>http://www.mayvelous.com/2009/02/19/adding-contact-form-on-blogger-or-blogspot-blogs-with-google-form/</link>
		<comments>http://www.mayvelous.com/2009/02/19/adding-contact-form-on-blogger-or-blogspot-blogs-with-google-form/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 03:42:45 +0000</pubDate>
		<dc:creator>May</dc:creator>
				<category><![CDATA[Bloggers]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Tips and Tricks]]></category>
		<category><![CDATA[Blogger Contact Form]]></category>
		<category><![CDATA[Contact]]></category>
		<category><![CDATA[Google Form]]></category>
		<category><![CDATA[Zatlite]]></category>

		<guid isPermaLink="false">http://www.mayvelous.com/?p=519</guid>
		<description><![CDATA[I fell in love with Google Forms for quite some time now. I&#8217;ve been making a good use of it in number of occations such as software borrowing register, our company seminar registration forms and even for a small lunch pack order form like this one I&#8217;ve created for my friend&#8217;s Lovo order. Last weekend [...]

<blockquote>
<strong>Related Posts:</strong><ul><li><a href='http://www.mayvelous.com/2009/10/06/sdlc-software-development-lifecycle/' rel='bookmark' title='Permanent Link: SDLC &#8211; Software Development Lifecycle'>SDLC &#8211; Software Development Lifecycle</a></li>
<li><a href='http://www.mayvelous.com/2009/10/02/rotten-service-at-anz-suva/' rel='bookmark' title='Permanent Link: Rotten Service at ANZ Suva'>Rotten Service at ANZ Suva</a></li>
</ul></blockquote>]]></description>
			<content:encoded><![CDATA[<p>I fell in love with Google Forms for quite some time now. I&#8217;ve been making a good use of it in number of occations such as <a href="http://www.mayvelous.com/2008/07/21/inet-software-borrowing-register/" title="Inet Software Borrowing Register" rel="external">software borrowing register</a>, our company seminar registration forms and even for a small lunch pack order form like this one I&#8217;ve created for <a href="https://spreadsheets.google.com/viewform?formkey=cFZkT2pfdTdYY0lFTGZJZ182U1RQQ1E6MA" title="Tulele Lovo" rel="external">my friend&#8217;s Lovo order</a>.<span id="more-519"></span></p>
<p><a href="http://www.flickr.com/photos/mayvelous/3292128758/" title="create new google form by mayvelous, on Flickr" rel="external"><img src="http://farm4.static.flickr.com/3385/3292128758_152a5ffe1d_o.jpg" width="168" height="218" alt="create new google form" align="left" /></a>Last weekend while I was changing <a href="http://zatlite.blogspot.com" title="zatlite blog" rel="external">Zatlite&#8217;s blog</a> template, I thought of adding a <a href="http://zatlite.blogspot.com/2009/02/contact.html" title="Contact Zatlite" rel="external">contact page</a> for him. Blogger/blogspot blogs don&#8217;t allow editing server side scripts so you can&#8217;t really add an email contact form and such but ofcos there&#8217;s always many tricks to go about. Some bloggers use <a href="http://kontactr.com/" title="Kontactr" rel="external">Kontactr</a> or <a href="http://www.zoho.com/" title="zoho.com" rel="external">Zoho</a> contact form scripts. They require a registration to their site and have to put up a power by logo on your form. I&#8217;m too lazy to register so never really tried those out but chose an easier way to add a contact form on blogger using my favorite Google Forms.</p>
<p>Google Forms are just so easy to create and everything can be done in your google account. Here are brief steps to add a Google form as blogger contact form.</p>
<ul>
<li>Go to <a href="http://docs.google.com" title="Google Docs" rel="external">http://docs.google.com</a>,</li>
<li>Click New > Form (or) From Template option,</li>
<li>Enter form title and brief description, then add your form fields; make some required fields. </li>
<li>Under &#8220;See responses&#8221; button, you can check form &#8220;Summary&#8221; or &#8220;Spreadsheet&#8221; where the submitted data is stored.</li>
<li>You can grab the embedded code under &#8220;More actions&#8221; > &#8220;Embed&#8221; option or add a proper form submit confirmation message by clicking &#8220;Edit Confirmation&#8221; option.</li>
<li>Live form can be viewed by clicking the link at the bottom of the page. That&#8217;s the link you send to your friends too.</li>
<li>Create a new post, eg. &#8220;Contact me&#8221;, on your blog; choose HTML view, paste the embedded code in; publish your post.</li>
<li>If you want to move your contact post from the first page, just change the publish date to earlier dates and the post will be hidden then you can link it from your menu</li>
</ul>
<p align="center"><a href="http://www.flickr.com/photos/mayvelous/3291311247/" title="edit google form by mayvelous, on Flickr" rel="external"><img src="http://farm4.static.flickr.com/3076/3291311247_b7acb3b92a_m.jpg" width="240" height="144" alt="edit google form" /></a><br /><a href="http://www.flickr.com/photos/mayvelous/3291311307/" title="set notification rule by mayvelous, on Flickr" rel="external"><img src="http://farm4.static.flickr.com/3478/3291311307_c37653e443_m.jpg" width="240" height="210" alt="set notification rule" /></a></p>
<p>Once you&#8217;ve created your form, you need to know when the user submit to your form as soon as the submission is done. To do that, go to the related &#8220;Spreadsheet&#8221; by clicking &#8220;See responses&#8221; > &#8220;Spreadsheet&#8221; option from the Edit Form page or go directly from your google documents page. Click on &#8220;Share&#8221; blue button dropdownlist, click &#8220;Set notification rules&#8221; option. Set the rules as required and you are all set.</p>
<p>Ofcos&#8217; the bad side of having Google form is that, you can&#8217;t style the text-boxes, the width are all the same. Well&#8230;maybe you can if you read through documentation or something but I&#8217;m too lazy to do that so may be some other time. And also it does not protect your form from spammers. There&#8217;s no CAPTCHA or nothing; hence only good to use it on small/starter blogs. Zatlite blog doesn&#8217;t have many visitors/hits yet so he won&#8217;t get much spams; and I don&#8217;t really care if he gets spams either. I&#8217;ve done my work of adding contact form, the rest is up to him. <img src='http://www.mayvelous.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />  If you want those contact forms with CAPTCHA then try those two mentioned above.</p>
<p>A few more idea to make good use of Google Form is that, having a post suggestion form on your side bar or a small site survey form etc. Here is a small suggestion for <a href="http://myanmarblogdirectory.blogspot.com/" title="Myanmar Blogs Directory" rel="external">Myanmar Blogs Directory</a> blogs to make use of Google Form. Instead of letting people leave their blog links for submission in the comment form, it&#8217;s good to have a proper form to collect the blog information such, &#8220;Blog Name&#8221;, &#8220;Category&#8221;, &#8220;Blogger Name&#8221;, &#8220;Brief Description&#8221; etc. Create a nice form and embed the code in the side bar or in a new post and start collecting new blogs information in a neat excel sheet which can later easily exported into a proper database if they plan to create a searchable directory. Oh well, just my worthless 2cents.</p>
<p>There you have it, give it a try won&#8217;t you?. And do share your ideas/how you use google docs too.</p>
<p><a href="http://www.mayvelous.com"><img src="http://www.mayvelous.com/externals/thanks.gif" alt="Thanks for subscribing Mayvelous.com" border="0" /></a><br /><strong>Sponsor:</strong> <small>(yet to be)</small>: <a href="http://www.dreamhost.com/r.cgi?130793" title="Dreamhost $50 off discount code: 50MV">Dreamhost: Get $50 Off with Discount Code: <strong>50MV</strong></a></p> 

<blockquote><p><strong>Related Posts:</strong><ul><li><a href='http://www.mayvelous.com/2009/10/06/sdlc-software-development-lifecycle/' rel='bookmark' title='Permanent Link: SDLC &#8211; Software Development Lifecycle'>SDLC &#8211; Software Development Lifecycle</a></li>
<li><a href='http://www.mayvelous.com/2009/10/02/rotten-service-at-anz-suva/' rel='bookmark' title='Permanent Link: Rotten Service at ANZ Suva'>Rotten Service at ANZ Suva</a></li>
</ul></p></blockquote>]]></content:encoded>
			<wfw:commentRss>http://www.mayvelous.com/2009/02/19/adding-contact-form-on-blogger-or-blogspot-blogs-with-google-form/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
