Display your curated Scoop.its as attractive widgets on your blog or website

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTzbin-LCaRWXzCCyB0VFJIdscD_sonxlAjX-Z06VQKqSlI7yY6JFJ42veSIxg4hNxgAkV_8DSEjMo3BW8lHFSgg7whx4Ofrdj_SJpRBVcawvex0_xjUHV2JeXW3ZsKNN_Sh5aH5enURc/s1600/scoopit+widget.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTzbin-LCaRWXzCCyB0VFJIdscD_sonxlAjX-Z06VQKqSlI7yY6JFJ42veSIxg4hNxgAkV_8DSEjMo3BW8lHFSgg7whx4Ofrdj_SJpRBVcawvex0_xjUHV2JeXW3ZsKNN_Sh5aH5enURc/s1600/scoopit+widget.JPG" /></a></div><br /><br /><span style="font-family: Arial, Helvetica, sans-serif;">The Internet is getting so full of information these days that it is not surprising to see how many curating tools are emerging for teachers to use. Scoop.it is definitely one of my favourite curating tools. (</span><span style="font-family: Arial, Helvetica, sans-serif;">Unfortunately with Scoop.it you are only allowed five free Scoop.its.) </span><span style="font-family: Arial, Helvetica, sans-serif;">But how do you display a Scoop,it in an attractive manner on a blog or webiste? Today when I was surfing the web I noticed that some bloggers had lovely Scoop.it widgets embedded at the side of their blog which gave a slideshow on the various posts curated. This really appealed to me so I set about discovering how to do this. Unfortunately the side column of our SchoolNet blog is too narrow for showing this widget successfully so I created a page instead.</span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif;">In this post I thought I would tell you how I created these widgets and then show the finished product. .</span><br /><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><strong><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;">How to create the widget</span></strong><br /><strong><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><br /></span></strong><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><span style="font-size: large; font-weight: bold;">Step 1: </span><br />Log in to your Scoop.it and click on Manage and then on Export</span><br /><strong><br /></strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieN9CDRZxG25-ZK2hPWVyk_UUQX3KpGGMrHdNJu7UG0xnHX39gYquA-BsYhlgOmwx6GgVCdIqrqgK7tNeT3Z5t2Son-t538M6-O9AcuT_fEEl_gXXaqcSP0KakHRuXyAL1_vD_A4UpB8A/s1600-h/image%25255B16%25255D.png"><img alt="image" border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3lYhLNurNL7AyZANl8V_1IfHKX8_wI6Gl_phoSKlpwC5Lvc8gQx8iCXFU5fA63neehtYpEGmHi79q4M0o5iH2DOmzW1DCIfhVQwBbMfeCXfpMz83OLCoabDz8wlAThn7TY8ZOGkggMI/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="244" /></a><br /><br /><span style="font-family: Arial, Helvetica, sans-serif; font-size: large;"><b>Step 2: </b></span><br /><span style="font-family: Arial, Helvetica, sans-serif;">You will be taken to the Export page which hosts the widget for a blog or website. On this page you will make some decisions about your widget and fil in your requirements. Right at the bottom, under the displayed widget slideshow, is a place to ‘Finish and grab the code’. </span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ7S3IyohEB0l5XWSs1oHOpUDtv15tI0ZJf1uV6TiYS22LxxlRkL3_uyDNKcA3yphlWDKQ1Id_2AYP16fDY8ancYKRRSkjVoSzmwP3w2uK397zPMXdGyLA4pdTvRuHMc1zS0seVwZ7syc/s1600-h/image%25255B17%25255D.png"><img alt="image" border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_Abx-dHh33UxLpHaakfwq4auru0s3OLEgHDQXrjeXuuTr6S2vQ3nqxLubMAUxinyXB9sR4Zy39U-oJu3UXbeD6zCVofvEVFUbqeb2Jc7yfzYvBazn3sk-pm0C40MhNjpysLXRlbI83WY/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="278" /></a><br /><br /><span style="font-size: large;"><b>Step 3: </b></span><br /><span style="font-family: Arial, Helvetica, sans-serif;">Click on ‘Finish and grab the code’ and copy the HTML. Place the HTML on the appropriate page of your website or blog. </span><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1k77oIO__5CsQt6fsKG-xEPCMUywH_VWffdpWfLkj38e3wujcKX0As7vF2MWDzU__WBKppmR9U52xrpM0pJzcfpKiZ_i9d5zezhqgg9SQfeYQCVmCLgglTuUsrrGuL-n6ZapkfWo7R80/s1600-h/image%25255B18%25255D.png"><img alt="image" border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJutnDXYjp39GeIxObjXXoS_6CGzDoMV0alu73VNtf22muRLBmyZRymBWBoAW3fBNQFfMF9OI_ytz3S8pyMG-fXZabomw0w8G-8V27_AvB88MosjIRdIsJYM5JbGlCahz1KIDEm1EUnb0/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="244" /></a><br /><br /><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: large;"><b>Our five Scoop.it widgets</b></span><br /><br /><span style="font-family: Arial, Helvetica, sans-serif;">Here are our five presented as embedded widgets</span><br /><br /><iframe align="middle" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/learning-with-tablets/js?format=square&numberOfPosts=3&title=Learning+with+tablets&speed=3&mode=normal&width=300" width="300"></iframe><br /><br /><iframe align="middle" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/tablet-use-videos/js?format=square&numberOfPosts=3&title=Tablet-use+videos&speed=3&mode=normal&width=300" width="300"></iframe><br /><br /><iframe align="middle" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/history-and-geography-teaching-resources-elementary-school/js?format=square&numberOfPosts=3&title=History+and+Geography+teaching+resources+-+elementary+school&speed=3&mode=normal&width=300" width="300"></iframe><br /><br /><iframe align="middle" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/reading-and-writing-in-primary-school/js?format=square&numberOfPosts=3&title=Reading+and+Writing+in+primary+school&speed=3&mode=normal&width=300" width="300"></iframe><br /><br /><iframe align="middle" frameborder="0" height="250" scrolling="no" src="http://www.scoop.it/t/maths-for-k-3-students/js?format=square&numberOfPosts=3&title=Maths+for+K-3+students&speed=3&mode=normal&width=300" width="300"></iframe><br /><br /><span style="font-family: Arial, Helvetica, sans-serif;">To see these widgets on the actual page where I display them on the blog go to <a href="http://e-blogschool.blogspot.com/p/scoopits.html" title="http://e-blogschool.blogspot.com/p/scoopits.html">http://e-blogschool.blogspot.com/p/scoopits.html</a></span></div>

Scoop.it. tutorial Display your curated Scoop.its as attractive widgets on your blog or website

The Internet is getting so full of information these days that it is not surprising to see how many curating tools are emerging for teachers...

Read more »