menu

Wednesday, 3 April 2013

MiniTwitter - the Widget JQuery which puts Twitter and your tweets on your Website or your WordPress blog

Features

  • Put Twitter on your website and even more: the tweets from the folks you like, the lists and yourself.
  • Show up to 100 tweets within 7 days (limit set by Twitter's Search API).
  • Use the color of your link profile on Twitter.
  • Display tweets from your feed or from the Twitter Search.
  • Display tweets from a list or from your favorite users.
  • Stylize your feed with your Cascading Style Sheet or with other jquery plugins.
  • Compatible with the last jquery version: 1.7.

Usage (Only for the Jquery plugin)

1. Download JQuery or use Google's AJAX Libraries API.
2. Include the JQuery library, jquery.minitwitter.js and the styling sheet: jquery.minitwitter.css in the head of your html file. You can modify the .css file as you like.
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script language="javascript" src="/minitwitter/jquery.minitwitter.js" type="text/javascript"></script>
<link href="jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>
3. In the <body> tag, include this small piece of code where you want to place the plugin and don't forget to change the username (in red) without the @.
<div class="tweets"> <div class="tweets_header">Mini <a href="http://minitwitter.webdevdesigner.com">Tweets</a></div> <div class="content_tweets"> </div> <div class="tweets_footer"> <a href="http://consumimus.fr"><span id="bird"></span></a> </div> </div>
<script type='text/javascript'>
jQuery(".content_tweets").miniTwitter("YOUR_USERNAME");
</script>
Notice: If all your javascript is called in the end of your page just before </body>, just cut and paste:
<script type='text/javascript'>
jQuery(".content_tweets").miniTwitter("YOUR_USERNAME");
</script>
in the end just before the </body>

Read More