Tweet!

put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery.

Demo

displaying three tweets from the seaofclouds twitter feed, or check the script in action at seaofclouds.com

displaying four tweets from the query "tweet.seaofclouds.com".

Features

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)
makes awesome text, AWESOME text with AWESOMEIZER
customize the style with your own stylesheet or with other jquery plugins
compatible with most jquery versions, including jquery 1.2.6 and the latest, 1.3.x

Download

Usage

1. Get JQuery. In these examples, we use Google's AJAX Libraries API.

2. include jQuery and jquery.tweet.js files in your template's <head>.


        <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>

3. Also in <head>, Initialize tweet! on page load with your Username and other options


        <script type='text/javascript'>

            $(document).ready(function(){

                $(".tweet").tweet({

                    username: "seaofclouds",

                    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>

4. In <body>, include a placeholder for your tweets. They'll get loaded in via JSON. How fancy!


        <div class="tweet"></div>

5. Style with our stylesheet in <head>, or modify as you like!


        <link href="jquery.tweet.css" media="all" rel="stylesheet" type="text/css"/>

Contribute

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 in our lighthouse tracker

Licensed under the MIT


        http://www.opensource.org/licenses/mit-license.php

If you like Tweet, check out Twoot!

Twoot is a miniature Twitter client based on Tweet that allows you to post tweets and see what your friends are up to. Thanks, Peter Krantz!

something nifty from seaofclouds™ | contribute