How to install your widget code into GooglePages
Let's say you are a nut for toy trains and have created a FeedSweep widget around that theme. Here is how to add the FeedSweep embedded code into your GooglePages in order to display all the toy train information.
For convenience, the Copy instructions are repeated at the beginning of this article. Feel free to skip ahead to a specific section:
- Copy your Widget code
- Paste your Widget code into GooglePages
Important notice: Google is shutting down GooglePages some time in June 2009 and replacing it with GoogleSites. At this time, Google is not allowing 3rd party widgets like FeedSweep onto GoogleSites pages.
1. Copy your Widget code
Let's start with the basics. You use the FeedSweep editors to produce embedding code for your widget. Your widget embedding code will look something like:
<!-- FeedSweep -->
<!-- FeedSweep -->
The purpose of this code is to talk to the FeedSweep servers and obtain the widget you have created, complete with fresh content, and inject it exactly where you inserted the code in your web page or blog template.
To obtain your Widget code, click on the "Get Code" button at the bottom of any of the FeedSweep editors and note the produced FeedSweep Widget Embedded Code. This is what you will copy and paste into your site's HTML source code or blog template.
To copy your code, highlight the contents of the FeedSweep Widget Embedded Code box by clicking anywhere in this box with your mouse. You will see the entire contents are selected and highlighted automatically.
Next, from your browser's Edit menu, choose Copy in order to copy the highlighted area. If you prefer not to paste your code directly into your web page's HTML source code or blog template at this time, you can paste it into an alternate application such as Notepad for temporary storage.
If you make changes to your widget, you will have to update your web page or blog template with the new widget code.
2. Paste your Widget code into GooglePages
Now you must log into your GooglePages account using the credentials you would normally use. Do this in a separate browser window if possible. Your objective is to alter the template ‘code’ on your page where you wish to have your FeedSweep widget appear. To do this, follow these instructions:
a) Open an existing GooglePage, typically your home page or create a new one if you prefer.
b) Click in any field where you are allowed to enter text (for example, the main text or the ‘page footer’).
c) Click on the small link labelled Edit HTML in the far lower right hand corner of the page and paste in the widget embedded code you copied in step 1.
d) Click on Save Changes and Publish the page at the bottom of the page.
e) Click on Preview near the top of the page and confirm that all appears correct.
That's all there is to it!
How would you rate this article?
0 user(s) have rated this article
06/16/2009, in category "Setup Instructions"
this article has been read 23156 times