Quick Summary: How to install your widget code into a web page
So you created a FeedSweep widget and now need to add it to your web page? Read on for simple instructions on how this is done.
Before we begin
This article assumes you have created a FeedSweep widget for your web page using either the Basic Editor or Advanced Editor.
Your widget code will look something like this:
<!-- FeedSweep -->
<!-- FeedSweep -->
Important! FeedSweep widgets can be created with thousands of combinations so your widget will have different parameters than the example above. Make sure you update the "key=xxxx" in the sample above to your own Developer's API Key.
Open up the web page you wish to put your FeedSweep widget onto with your favorite HTML editor. If you used a WYSIWYG ("What you see is what you get") editor such as Macromedia Dreamweaver, make sure you can't see the code when you're viewing your page in a browser. Some editors will attempt to place the code as text on your page - try to use the "source" view when you're pasting the code to your web pages.
Locate where in the page you wish to place your FeedSweep widget and copy and paste the widget code segment into the HTML source at that point.
Step 2 (optional)
If you created your widget with the CSS Classes using DIVs option, then you must include the Cascading Style Sheets (CSS) defintions in such a way that your widget code "sees" the CSS.
CSS stands for Cascading Style Sheets. A "style" consists of a statement like "make this text red" or "make this background white". It's called "cascading" because you can use multiple styles at once. If these styles conflict with one another, then the last one wins. So it is important to ensure your FeedSweep widget sees the correct style sheet.
Finally, put your page live in the manner that you usually do and bring it up in your browser. You should see your FeedSweep being displayed. There might be a slight delay the first time the modified page is viewed.
To verify, select View Source from your browser's menu and look for the widget code. It should look exactly as it was provided to you.
How would you rate this article?
75 user(s) have rated this article
07/08/2008, in category "Setup Instructions"
this article has been read 24941 times