Creating contact form in blogger

Sharing is caring!

<div dir&equals;"ltr" style&equals;"text-align&colon; left&semi;"><strong>Creating the form<&sol;strong>&colon; <&sol;p>&NewLine;<ol>&NewLine;<li>First off&comma; go to your Google Drive account page and click on the red &OpenCurlyQuote;Create’ button&comma; then on the list&comma; choose &OpenCurlyQuote;Form’<&sol;li>&NewLine;<li>Give your form a name &lpar;e&period;g&period; Contact Page&comma; Ask Me&rpar;<&sol;li>&NewLine;<li>The &OpenCurlyQuote;Question Title’ is simply the name of the blank input field that the user needs to fill out such as &OpenCurlyQuote;Name’&comma; &OpenCurlyQuote;Email’&comma; and &OpenCurlyQuote;Comment’<&sol;li>&NewLine;<li>For the &OpenCurlyQuote;Question Type’&comma; just leave it as &OpenCurlyQuote;Text’ for both the &OpenCurlyQuote;Name’ and &OpenCurlyQuote;Email’ while &OpenCurlyQuote;Paragraph text’ for &OpenCurlyQuote;Comment’<&sol;li>&NewLine;<li>Once you’re done&comma; you may preview the form by clicking on the link provided below your current document&period;<&sol;li>&NewLine;<li>Once you’re satisfied&comma; save it and then click on the &OpenCurlyQuote;More actions’ button&comma; choose &OpenCurlyQuote;Embed’ and then copy the embed code provided<&sol;li>&NewLine;<&sol;ol>&NewLine;<p><strong>Integrating the form into Blogger<&sol;strong>&colon; <&sol;p>&NewLine;<ol>&NewLine;<li>Now that you got your form&comma; it’s now time to create the page that will contain it inside your Blogger&period; In your Blogger dashboard&comma; go to &OpenCurlyQuote;Pages’&comma; click &OpenCurlyQuote;New Page’ and choose &OpenCurlyQuote;Blank page’<&sol;li>&NewLine;<li>Provide a &OpenCurlyQuote;Page title’ and then simply paste the copied embed code on to the huge space below &lpar;be sure you’re on &OpenCurlyQuote;HTML’ view&sol;mode and not on &OpenCurlyQuote;Compose’&rpar;<&sol;li>&NewLine;<li>Hit &OpenCurlyQuote;Preview’ to check the appearance&period; You might have to resize the dimension depending to your taste or template&period; To do this&comma; just adjust the height and&sol;or width values in the code<&sol;li>&NewLine;<li>Save or publish once you’re satisfied<&sol;li>&NewLine;<&sol;ol>&NewLine;<p><strong>Get notified when someone uses the form<&sol;strong>&colon; <&sol;p>&NewLine;<ol>&NewLine;<li>Go back to your Google Drive and open your form file<&sol;li>&NewLine;<li>Under &OpenCurlyQuote;Tools’ menu&comma; choose &OpenCurlyQuote;Notificatin rules…’<&sol;li>&NewLine;<li>Put a check on &OpenCurlyQuote;A user submits a form’<&sol;li>&NewLine;<li>Put a check on &OpenCurlyQuote;Email – right away’<&sol;li>&NewLine;<li>Hit &OpenCurlyQuote;Save’<&sol;li>&NewLine;<&sol;ol>&NewLine;<p>And that’s it&excl; Try it out by sending out a comment to yourself&period; Credit to <strong><a href&equals;"http&colon;&sol;&sol;blogxpertise&period;blogspot&period;com&sol;2011&sol;11&sol;tip-adding-submission-form-to-your-blog&period;html">Blogger Xpertise<&sol;a><&sol;strong> for the idea and the tip&excl;<&sol;div>&NewLine;

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.