A Pen by Justin Farrow.

index.html

<script src="http://www.google.com/jsapi/?key=internal-sample"
    type="text/javascript"></script>
<div class="floatfeed">
<div id="feedGadget">Fetching Those Feeds...</div>
</div>

RSS-Feed-Mixing-with-GFdynamicFeedControl.markdown

RSS Feed Mixing with GFdynamicFeedControl

This pen mixes 3 RSS feeds for land surveyors

A Pen by Justin Farrow on CodePen.

License.

script.js

    function showGadget() {
      var feeds = [
       {title:'Featured Surveying Videos',
        url:'http://landsurveyorsunited.com/video/video/rss?xn_auth=no&featured=1'},
       {title:'Featured Surveying Forum Topics',
        url:'http://landsurveyorsunited.com/forum/topic/list?feed=yes&xn_auth=no&featured=1'},
       {title:'Featured Surveying Hubs',
        url:'http://landsurveyorsunited.com/groups/group/feed?xn_auth=no&featured=1'}];

      new GFdynamicFeedControl(feeds, 'feedGadget',
                               {numResults : 5, stacked : true,
                               title: "Surveyor Mega Feed"});
    }
    google.load("feeds", "1");
    google.setOnLoadCallback(showGadget);
  </script>

style.css

#feedGadget {
margin-top:5px;
margin-left:50px;
width:100%;
font-family:'Archivo Narrow', sans-serif;
font-size:1.4em;
color:#181819;
}

#feedGadget .gfg-root {
font-size:.92em;
}

#feedGadget .gfg-root .gfg-entry .gf-result {
padding-left:10px;
}

#feedGadget .gfg-title {
font-size:3.2em;
background-color:#e9ebe7;
color:#000;
}

#feedGadget .gfg-title a {
color:#141313;
}

#feedGadget .gfg-subtitle {
font-size:.95em;
background-color:#eee;
color:#fffff;
text-align:left;
margin-left:5px;
}

#feedGadget .gfg-subtitle a {
color:#313131;
}

#feedGadget .gf-title {
font-size:12px;
}

#feedGadget .gf-title a {
color:#c70808;
}

#feedGadget .gfg-root .gfg-listentry {
padding-left:5px;
margin-right:5px;
}

#feedGadget .gfg-root .gfg-listentry a {
color:#a12712;
}

#feedGadget .gfg-root .gfg-listentry a:hover {
color:#d50909;
}

#feedGadget .gfg-root .gfg-listentry-odd {
background-color:transparent;
}

#feedGadget .gfg-root .gfg-listentry-highlight {
border-left:2px solid #203311;
padding-left:3px;
}