Saturday, October 11, 2008

Google's Dynamic Feed Control Wizard - Put feeds on Your Web Page - makes life easy.

I used this feed control to provide a preview of stories on my Creative Writing WEB log (see http://blog.johnsawyer.info/) image

It's pretty easy with the wizard they provide at http://www.google.com/uds/solutions/wizards/dynamicfeed.html.

  1. Choose "Vertical Stacked"
    image
  2. Add the name of your Feed to the Feeds Expression
    image
    The wizard is pretty smart and finds the URL for us
    image
    Your site is now part of "Hollywood News" 
    image
  3. Now Generate the code
    image
  4. Copy it
     





    Loading...














  5. Paste it to your blog widget

    image


  6. And fix this important unkown bug


    Change feed-control to feedcontrol

SpringWidgets - An RSS reader and consolidator - Part 2 "How to add more than one feed"

See Google's Dynamic Feed Control Wizard - Put feeds on Your Web Page - makes life easy. for another (pure JavaScript) feed reader/consolidator.

SNAG-0947

Click on the gear wheel under the widget - up pops another window.

SNAG-0948

Click "Prefs" and manage away to your heart's content

SNAG-0950

From JavaScript Widget

You'll see in the snippet below that the feeds are separated by a "|" [concatenate] character.
[<feed1>|<feed2>]

<!-- SpringWidgets | RSS Reader (#23) | Blogger | Generated on 09/18/2008 -->
<object allownetworking="all" allowscriptaccess="always" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
type="application/x-shockwave-flash" height="318" id="springwidgets_23" allowfullscreen="true"
width="230">
<param value="all" name="allowNetworking" />
<param value="always" name="allowScriptAccess" />
<param value="true" name="allowFullScreen" />
<param value="http://downloads.thespringbox.com/web/wrapper.php?file=RSS Reader.sbw"
name="movie" />
<param value="param_param=http%3A%2F%2Ffeedproxy.google.com%2FJohnSawyersLatestWriting|http%3A%2F%2Ffeeds.johnsawyer.info%2FLglf|http%3A%2F%2Ffeedproxy.google.com%2Fjohnsawyer%2FJkyY¶m_style_borderColor=0x33FFFF¶m_style_brandUrl=¶m_compactView=false¶m_blurbLength=256"
name="flashvars" />
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="0x000000" name="bgColor" />
</object>
<div style="font: 11px/12px arial; width: 250px;">
<a href="http://www.springwidgets.com/widgets/view/23/?param_param=http%3A%2F%2Ffeedproxy.google.com%2FJohnSawyersLatestWriting|http%3A%2F%2Ffeeds.johnsawyer.info%2FLglf|http%3A%2F%2Ffeedproxy.google.com%2Fjohnsawyer%2FJkyY¶m_style_borderColor=0x33FFFF¶m_style_brandUrl=¶m_compactView=false¶m_blurbLength=512&width=250&height=300"
target="_blank">Get this widget!</a></div>
<div>
<div style="font-family: arial; font-style: normal; font-variant: normal; font-weight: normal;
font-size: 11px; line-height: 12px; font-size-adjust: none; font-stretch: normal;
-x-system-font: none;">
</div>
</div>