How to Embed a Survey in a Webpage With Animated Results
Embedding a survey with animated results is a simple task requiring no knowledge of HTML. However, it does require access to the HTML editor for your website. Most blogging websites put the HTML editor under the "Change Template" tab. If you wish to embed the survey in a single entry, rather than in the layout, open the HTML editor for a "New Entry," instead of the editor for the entire blog.
Instructions
-
-
1
Create an account at a survey website such as Survey Monkey, Survey Gizmo or Free Online Survey. Visit the website and click on the "Create Account" button. Fill in relevant information, such as name and e-mail address, and press "OK." These websites offer free accounts and free surveys, but charge for advanced options.
-
2
Log in to your account and press the "Create Survey" button. Fill in the fields with the appropriate questions and answers and click "Create." Select the appropriate options, such as "Animated Results."
-
-
3
Navigate to the text field that contains the HTML for the survey. Highlight all of the text in this field then right-click and scroll to copy.
-
4
Open the HTML editor for your website.
-
5
Create a box for your survey results. Navigate to the end of a divider, box or text field. The section will end with a word enclosed in "</>" such as "</table." Write the code "<div class="boxed> </div>."
-
6
Place your mouse in between the ">" and the "<" in your box, Right-click and scroll to "Paste."
-
7
Press the button on the page that reads "Save Changes." Navigate to your website and test the survey. Click the appropriate survey buttons to end the survey.
-
1
Tips & Warnings
Keep your survey topic related to your website topic.
References
Resources
- Photo Credit Jupiterimages/Brand X Pictures/Getty Images