Tumblr News Ticker Widget with jQuery

Tumblr News Ticker Widget with jQuery
File Size: 12.3 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

A jQuery plugin for creating a Tumblr-Powered News Ticker that displays the most recent posts on your tumblr blog.

How to use it:

1. Include tumblrNewsTicker CSS

<link href="assets/css/jquery.tumblrNewsTicker.css" rel="stylesheet" />

2. Markup. The news ticker markup will be inserted here by the plugin.

<div id="main"> 
<!-- The news ticker markup --> 
</div>

3. Include javascript files

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
<script src="assets/js/jquery.timeago.js"></script> 
<script src="assets/js/jquery.tumblrNewsTicker.js"></script> 

4. Call the function with options

$(function() {

$('#main').tumblrNewsTicker({
time: 5000,
title:  'Amazing jQuery Plugins',
blog: 'YOUR BLOG URL'
});

});

Change log:

2013-11-08

  • fixed the example.

This awesome jQuery plugin is developed by tutorialzine. For more Advanced Usages, please check the demo page or visit the official website.