Displaying A Random Tumblr Blog Post Using jQuery Tumblr Random Posts Plugin
File Size: | 6.02KB |
---|---|
Views Total: | 2400 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Tumblr Random Posts is a simple & easy-to-use jQuery plugin that allows you to display a random tumblr blog post on your website by using Tumblr's OAuth API. It can be used as a tumblr widget on your sidebar that displays a random post from your Tumblr blog.
You might also like:
- jQuery Plugin For Displaying Tumblr Blog Feeds - Tumbo
- Tumblr News Ticker Widget with jQuery
- jQuery Plugin For Displaying Tumblr Blog Posts - Tumbax
Basic Usage:
1. Create a container for displaying a random Tumblr post.
<div id="tumblr-widget"></div>
2. Load the latest jQuery javascript library and jQuery Tumblr Random Posts plugin on your web page.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="jQuery.tumblr-random-posts.js"></script>
3. Create a new application on Tumblr and insert the OAuth Consumer Key to the javascript.
<script type="text/javascript"> $( document ).ready(function() { $("#tumblr-widget").tumblrRandomPosts({ blogName: "amazing-jquery-plugins.tumblr.com", // which blog you want to display appKey: "EoIphLAekSSSFH1PMexsVUuad8ow13YywzkHRhpCBoTNbc2t3k", // OAuth Consumer Key. Not the OAuth consumer secret. debug: true // debug mode. Default to false }); }); </script>
4. Style the widget using CSS to your taste.
<style> #tumblr-widget { ... }
This awesome jQuery plugin is developed by razagill. For more Advanced Usages, please check the demo page or visit the official website.