Sunday, 9 October 2011

5 simple steps to a Scoop.it widget on your webpage or blog

Scoop.it widgets 
Many people are curating the best resources they can find using Scoop.it. You can use their expertise to display this dynamic content visually via a widget on your website or blog as shown with these 2 examples.

      


Scoop.it provides 2 alternatives for delivering content, an RSS feed and a widget. Once you are logged in choose Manage/ Export to find these options.
For the widget:
1. Choose shape - square or rectangular
2. The number of posts - default is 3 but I suggest 5
3. Select time to display, the widget above is set on 5 secs, the one on the right on 10
4. Use the slider to determine the width of the gadget.
5. Preview, adjust as desired then grab the code ready to paste to your website or blog.

How to grab other folk’s scoops using the widget 

Simply copy and edit the code below:
1. Replace the URL http://www.scoop.it/t/ebooksk12 with the address showing in the URL of the Scoop you want
2. Replace the title ebooks with the title you want displayed at the top of the widget

I have removed the first < from the code before the word iframe,  Insert it and remember to close the iframe at the end with < and /  to get your widget to work.

Code
iframe> align="left" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/ebooksk12/js?format=square&numberOfPosts=5&title=ebooks&speed=5&mode=normal&width=250" width="250"  iframe>

Notice that you can also adjust the size of the widget here too by altering the height and width numbers that currently are set at 250.

I've used Scoop.it widgets  here on our ipad page to display the wonderful resources that others are finding.

Have fun!

1 comment:

  1. thank you, this what i have been looking for. it worked in my blog.

    http://alternative-energy-gardning.blogspot.com/

    ReplyDelete