RSS Feeds

Display RSS Feeds on your website. Just copy code + enter a RSS URL!

CSS/JS files (add code to <HEAD> section):


<!-- DC RSS Feeds CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/rssfeeds/css/tsc_rssfeed.css" />

<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dreamcodes/jquery.min.js"></script> <!-- (do not call twice) -->

<!-- DC RSS Feeds JS -->
<script type="text/javascript" src="dreamcodes/rssfeeds/js/tsc_rssfeed.js"></script>
<script type="text/javascript" src="dreamcodes/rssfeeds/js/tsc_vticker.js"></script>

          

RSS Ticker Box

Display scrolling feed from external RSS file

View code:


<!-- DC RSS Feeds Settings -->
<script type="text/javascript">
$(document).ready(function () {
	$('#rss-ticker1').rssfeed('http://www.buzzfeed.com/badge/most-shared.xml',{}, function(e) {
		$(e).find('div.rssBody').vTicker({ showItems: 3});
	});
});
</script>

<!-- DC RSS Feeds Start -->
<div id="rss-ticker1" style="width:80%;"></div>
<!-- DC RSS Feeds End -->

Parameters:
---------------------
rssfeed ('enter-rss-url-here')
showItems: x - Specify number of news items to show
for more settings, edit dreamcodes/rssfeeds/js/tsc_vticker.js

RSS Ticker Line

Display single scrolling line feed from external RSS file

View code:


<!-- DC RSS Feeds Settings -->
<script type="text/javascript">
$(document).ready(function () {
	$('#rss-ticker2').rssfeed('http://www.buzzfeed.com/badge/viral.xml',{}, function(e) {
		$(e).find('div.rssBody').vTicker({ showItems: 1});
	});
});
</script>

<!-- DC RSS Feeds Start -->
<div id="rss-ticker2" style="width:80%;"></div>
<!-- DC RSS Feeds End -->

Parameters:
---------------------
rssfeed ('enter-rss-url-here')
showItems: x - Specify number of news items to show
for more settings, edit dreamcodes/rssfeeds/js/tsc_vticker.js

         

RSS Static Feed

Display feed from external RSS file

View code:


<!-- DC RSS Feeds Settings -->
<script type="text/javascript">
$(document).ready(function () {
	$('#rss-feed1').rssfeed('http://feeds.reuters.com/reuters/oddlyEnoughNews', {
		limit: 4
	});
});
</script>

<!-- DC RSS Feeds Start -->
<div id="rss-feed1" style="width:80%;"></div>
<!-- DC RSS Feeds End -->

Parameters:
---------------------
rssfeed ('enter-rss-url-here')
limit: x - Specify number of news items to show
for more settings (show/hide time/etc), edit dreamcodes/rssfeeds/js/tsc_rssfeed.js

         


© TemplateAccess