Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.
- adds option to turn user linking off (for use with Twitter's hovercards)
- adds option to turn hashtag linking off
- moves date from before to after the tweet
tweet.seaofclouds.com and seaofclouds.com
github.com/seaofclouds/tweet/tarball/master
- small size and fast download time
- will not slow down or pause your page while tweets are loading
- display up to 100 tweets, as permitted by the twitter search api
- display tweets from a twitter search, or from your own feed
- optional verb tense matching, for human readable tweets
- optionally display your avatar
- optionally display tweets from multiple accounts!
- automatic linking of @replies to users’ twitter page
- automatic linking of URLs
- automatic linking of #hashtags, to a twitter search of all your tags
- converts <3 to a css styleable ♥ (we ♥ hearts)
- customize the style with your own stylesheet or with other jquery plugins
Note: tweet does not need to be in the page head
, necessarily.
-
Get JQuery. In these examples, we use Google's AJAX Libraries API. See: code.google.com/apis/ajaxlibs/ jquery.com/
-
include jQuery and jquery.tweet.js files in your template's
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script> <script language="javascript" src="/tweet/jquery.tweet.js" type="text/javascript"></script><head>
. -
Also in
<script type='text/javascript'><head>
, Initialize tweet! on page load with your Username and other options$(document).ready(function(){ $ (".tweet").tweet({ join_text: "auto", avatar_size: 32, count: 3, auto_join_text_default: "we said,", auto_join_text_ed: "we", auto_join_text_ing: "we were", auto_join_text_reply: "we replied to", auto_join_text_url: "we were checking out", loading_text: "loading tweets..." }); }); </script> -
In
<body>
, include a placeholder for your tweets. They'll get loaded in via JSON. How fancy! -
Style with our stylesheet in
<head>
, or modify as you like!
Bring your code slinging skills to Github and help us develop new features for tweet!
git clone git://github.com/seaofclouds/tweet.git
Report bugs at http://seaofclouds.lighthouseapp.com/projects/14179-tweet/overview
Licensed under the MIT License.