RSS Dashboard

14ef7bd6a493426995235a33c12e775b

This is a collection of RSS Feeds from Newsvine, Digg, Slashdot, and Metafilter. Each column shows one RSS feed.

Click here to see it in action!

Parts List

4 × Item Lister
1. rss_box1 (see snippet below)
2. rss_box2 (see snippet below)
3. rss_box3 (see snippet below)
4. rss_box4 (see snippet below)

4 × RSS Retriever
1. newsvine (see snippet below)
2. digg (see snippet below)
3. slashdot (see snippet below)
4. metafilter (see snippet below)

Parts Configuration

To try these parts as used, simply copy and paste the following snippet of HTML into a Constructible HTML file.

digg

<div is_proxy="true"
     script="http://js.constructibl.es/specs/YahooPipesRssTunnel.js"
     id="digg"
     spec="9AE5F78771774127B5DDBD225501EDC7">
 <a href="http://digg.com/rss/index.xml"
    rel="rpc">
 </a>

</div>

metafilter

<div is_proxy="true"
     script="http://js.constructibl.es/specs/YahooPipesRssTunnel.js"
     id="metafilter"
     spec="9AE5F78771774127B5DDBD225501EDC7">
 <a href="http://xml.metafilter.com/rss.xml"
    rel="rpc">
 </a>

</div>

newsvine

<div is_proxy="true"
     script="http://js.constructibl.es/specs/YahooPipesRssTunnel.js"
     id="newsvine"
     spec="9AE5F78771774127B5DDBD225501EDC7">
 <a href="http://www.newsvine.com/_feeds/rss2/index"
    rel="rpc">
 </a>

</div>

rss_box1

<style type="text/css">
#rss_box1 {
    top:2in;
    left:1in;
    width:400px;
}

div.RssBox {	   
    overflow:visible;
}

div.RssBox li {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h1{
    height:30px;	   
    font-size:14pt;
    padding:10px 0px 10px 10px;
    margin:0px;
    color:#FFF2C2;
    font-family:helvetica, arial, verdana;
}

div.RssBox ol {
    padding:0px 0px 0px 10px;
    margin:0px;
    list-style-type:none;
    width:80%;
}

div.RssBox li {
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h3 {
}

div.RssBox li p {
    margin:0px;
    padding:0px 0px 25px 0px;
    font-size:9pt;
}

div.RssBox h2 a, div.RssBox h2{
font-size:9pt;
font-weight:bold;
color:#7baab0;
}

div.RssBox h4, div.Article h2  {
    color:#44413b;
    font-size:8pt;
}

div.RssBox h2, 
div.RssBox h3, 
div.RssBox h4{
    margin:0px;
    padding:0px;
}
</style>

<div class="RssBox"
     properties="does_link_blank_anchors:true"
     script="http://js.constructibl.es/specs/ItemLister2.js"
     id="rss_box1"
     spec="35C031891DEC476AA2C121BFF031D6A8">
 <h1>NEWSVINE
 </h1>

 <ol>
  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

 </ol>

</div>

rss_box2

<style type="text/css">
#rss_box2 {
    top:2in;
    left:450px;
    width:400px;
}

div.RssBox {	   
    overflow:visible;
}

div.RssBox li {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h1{
    height:30px;	   
    font-size:14pt;
    padding:10px 0px 10px 10px;
    margin:0px;
    color:#FFF2C2;
    font-family:helvetica, arial, verdana;
}

div.RssBox ol {
    padding:0px 0px 0px 10px;
    margin:0px;
    list-style-type:none;
    width:80%;
}

div.RssBox li {
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h3 {
}

div.RssBox li p {
    margin:0px;
    padding:0px 0px 25px 0px;
    font-size:9pt;
}

div.RssBox h2 a, div.RssBox h2{
font-size:9pt;
font-weight:bold;
color:#7baab0;
}

div.RssBox h4, div.Article h2  {
    color:#44413b;
    font-size:8pt;
}

div.RssBox h2, 
div.RssBox h3, 
div.RssBox h4{
    margin:0px;
    padding:0px;
}
</style>

<div class="RssBox"
     properties="does_link_blank_anchors:true"
     script="http://js.constructibl.es/specs/ItemLister2.js"
     id="rss_box2"
     spec="35C031891DEC476AA2C121BFF031D6A8">
 <h1>DIGG
 </h1>

 <ol>
  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

 </ol>

</div>

rss_box3

<style type="text/css">
#rss_box3 {
    top:2in;
    left:800px;
    width:400px;
}

div.RssBox {	   
    overflow:visible;
}

div.RssBox li {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h1{
    height:30px;	   
    font-size:14pt;
    padding:10px 0px 10px 10px;
    margin:0px;
    color:#FFF2C2;
    font-family:helvetica, arial, verdana;
}

div.RssBox ol {
    padding:0px 0px 0px 10px;
    margin:0px;
    list-style-type:none;
    width:80%;
}

div.RssBox li {
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h3 {
}

div.RssBox li p {
    margin:0px;
    padding:0px 0px 25px 0px;
    font-size:9pt;
}

div.RssBox h2 a, div.RssBox h2{
font-size:9pt;
font-weight:bold;
color:#7baab0;
}

div.RssBox h4, div.Article h2  {
    color:#44413b;
    font-size:8pt;
}

div.RssBox h2, 
div.RssBox h3, 
div.RssBox h4{
    margin:0px;
    padding:0px;
}
</style>

<div class="RssBox"
     properties="does_link_blank_anchors:true"
     script="http://js.constructibl.es/specs/ItemLister2.js"
     id="rss_box3"
     spec="35C031891DEC476AA2C121BFF031D6A8">
 <h1>SLASHDOT
 </h1>

 <ol>
  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

 </ol>

</div>

rss_box4

<style type="text/css">
#rss_box4 {
    top:2in;
    left:1150px;
    width:400px;
}

div.RssBox {	   
    overflow:visible;
}

div.RssBox li {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h1{
    height:30px;	   
    font-size:14pt;
    padding:10px 0px 10px 10px;
    margin:0px;
    color:#FFF2C2;
    font-family:helvetica, arial, verdana;
}

div.RssBox ol {
    padding:0px 0px 0px 10px;
    margin:0px;
    list-style-type:none;
    width:80%;
}

div.RssBox li {
    width:100%;
    margin:0px;
    padding:0px;
}

div.RssBox h3 {
}

div.RssBox li p {
    margin:0px;
    padding:0px 0px 25px 0px;
    font-size:9pt;
}

div.RssBox h2 a, div.RssBox h2{
font-size:9pt;
font-weight:bold;
color:#7baab0;
}

div.RssBox h4, div.Article h2  {
    color:#44413b;
    font-size:8pt;
}

div.RssBox h2, 
div.RssBox h3, 
div.RssBox h4{
    margin:0px;
    padding:0px;
}
</style>

<div class="RssBox"
     properties="does_link_blank_anchors:true"
     script="http://js.constructibl.es/specs/ItemLister2.js"
     id="rss_box4"
     spec="35C031891DEC476AA2C121BFF031D6A8">
 <h1>METAFILTER
 </h1>

 <ol>
  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

  <li>
   <h2>
    <a field="name">
    </a>

   </h2>

   <h3 field="label">
   </h3>

   <h4 field="date">
   </h4>

   <p field="text_content">
   </p>

  </li>

 </ol>

</div>

slashdot

<div is_proxy="true"
     script="http://js.constructibl.es/specs/YahooPipesRssTunnel.js"
     id="slashdot"
     spec="9AE5F78771774127B5DDBD225501EDC7">
 <a href="http://rss.slashdot.org/Slashdot/slashdot"
    rel="rpc">
 </a>

</div>

Technical Specifications

__power__

Outputs

No outputs are specified.

Was this example helpful? Do you have any questions? Tell us about it below!

RSS Dashboard

14ef7bd6a493426995235a33c12e775b

Parts List

4 × Item Lister

4 × RSS Retriever

Parts Configuration

digg

metafilter

newsvine

rss_box1

rss_box2

rss_box3

rss_box4

slashdot

Technical Specifications

Inputs

Outputs

Introduction

Browse

Review

Participate

Download