Displaying A Random Tumblr Blog Post Using jQuery Tumblr Random Posts Plugin

Displaying A Random Tumblr Blog Post Using jQuery Tumblr Random Posts Plugin
File Size: 6.02KB
Views Total: 2166
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:

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.