Twitter on your site via javascript

Twitter needs no presentation, and the fact that many webmasters include their posts on their sites either. This can be done in may ways, using  the Twitter API. One easy way is javascript. Thanks to some libraries you need few lines of code, and, because all is client-side you have  zero load on the server.

The following scripts may help you accomplish this:

Remy Sharp’s twitter.js

The page includes step by step instructions, form setting up the script until the html markup. A nice feature is that is also hosted on googlecode, so you can take it form here, and have always the latest version.

capture-2

Tweet!

jQuery based. MIT-licensed.

  • 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
  • uses Twitter’s Search API, so you can display any tweets you like
  • 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

capture-3

MooTools Request.Twitter

Not for newbies, but saves you form using another js on your page, in case you’re mootools based :D

capture-4

A complete Tutorial

This is not a script, even if you can copy/paste the code, but a full tutorial how to create a ticker for your site. If you want to learn this is a very good start. jQuery please.

capture-5

2 Comments to “Twitter on your site via javascript”

  1. Fabio Cevasco 13 October 2009 at 5:20 am #

    Actually I considered using a 3rd party plugin or solution, but in the end I decided to roll out my own. I only used JQuery’s getJSON function to fetch my timeline and format it.
    I actually used the same solution to get data from BackType, Github and Delicious.

    source: http://github.com/h3rald/h3rald/blob/master/content/js/feeds.js

    demo: http://www.h3rald.com/ (footer)

  2. [...] Twitter on your site via javascript cssgallery.info (tags: twitter javascript) TagsCategoriasmiudezas Uncategorized   [...]


Leave a Reply