This time I will share jQuery Plugin and tutorial about jQuery Plugin To Display Your Tumblr Blog’s Tags On The Website – Tumblr Cloud Tag, hope it will help you in programming stack.
Tumblr Cloud Tag is a jQuery plugin used to retrieve all the available tags from your Tumblr blog and display them in an unordered list for further usage.
How to use it:
1. Include jQuery javascript library and jQuery tumblr cloud tag plugin in your web page.
2 |
<script src="./jquery.tumblr.cloud-tag.min.js"></script> |
2. Create an UL element for the Tumblr’s tags.
3. Register an App here and insert the OAuth Consumer Key into your javascript. The entire javascript codes should be like this.
1 |
$(document).ready(function(){ |
2 |
$('#cloud-tag').cloudTag({ |
3 |
apiKey: 'EoIphLAekSSSFH1PMexsVUuad8ow13YywzkHRhpCBoTNbc2t3k', |
4 |
tumblrSite: 'amazing-jquery-plugins.tumblr.com', |
4. The default options.
01 |
$(document).ready(function(){ |
02 |
$('#cloud-tag').cloudTag({ |
07 |
tumblrSite: location.hostname, |
13 |
countDelimeterLeft: '(', |
15 |
// right delimeter for a number of tags |
16 |
countDelimeterRight: ')', |
19 |
// sort the list of tags by number of occurance or alphabeticaly |
5. Style the tags list in the CSS.
Change log:
2015-10-15
- Add maxTags parameter to change number of tags to show
This awesome jQuery plugin is developed by mariodian. For more Advanced Usages, please check the demo page or visit the official website.
