Twitter has their own method for displaying your Twitter status on your website but they rely on Twitter-hosted scripts and generally hold up the page load. That’s why i would like to showcase some of the best tutorials and WordPress plugins that will display your twitter status on your blog or website. Also you will find high quality twitter icons to spice up your status area.

Below, we present 20 Brilliant Twitter Status Design Tutorials, beautiful twitter icons & WP Plugins to display your twitter status easily.

You might be interested to check this amazing collection of 25 Useful Twitter Tools and Firefox Plugins

I’ve been enjoying the Twitter thing more and more lately. Here is my Twitter page nourayehia if anyone wants to follow.

1. Customizing Twitter Status on Your Blog

Put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery. Features includes: will not slow down or pause your page while tweets are loading, display up to 100 tweets, optionally display your avatar, automatic linking of URLs and many more…

Demo can be found here.

Download it here

A simple, unobtrusive and customisable client-side method for easily embedding a Twitter feed into a web page. The plugin is based on the Twitter Badge Customizer.

Demo can be found here.

Download it here

Twitter offers an API which you can use to pull information from twitter for your own uses. Even easier, they offer a little javascript widget which automatically uses this API and returns simple HTML of your recent tweets. This tutorial covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page.

Here is CSS-Tricks Video Screencast takes you through the creation of simple webpage to display your recent ‘Tweets’ from Twitter from start to finish. This covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page.

Demo can be found here.

Download files here

One of the best ways to carry out RSS to Twitter involved a Jabber bot package for Ruby. Not too many people have access to a Ruby-enabled server so here is a simple PHP script to get the job done.

Download files here

How to create a Twitter mascot for your blog or website.

$username = %u201Ctimestocome%u201D; $tweets = fetch_rss(%u2019http://twitter.com/statuses/user_timeline/%u2019.$username.%u2019.rss%u2019); foreach ( $tweets->items as $tweet ){ print %u201C<hr>%u201D; $twit = %u201D %u201C.substr(strstr($tweet['description'],%u2019: %u2018), 2, strlen($tweet['description'])).%u201D %u201C; $link = $tweet['link']; // hack around php null == 0 ugh! $xtwit = %u201Cx%u201D . $twit; $mark = strpos( $xtwit, %u201Chttp://%u201D ); if ( $mark > 0 ){ // we have a link in our tweet perhaps more than one $l = substr ( $xtwit, $mark, strlen($xtwit) ); $l = substr ( $l, 0, strpos( $l, %u201D %u201D )); $full_link = %u201C<a href=\%u201D$l\%u201D>$l</a>%u201D; $xtwit = str_replace ( $l, $full_link, $xtwit ); $xtwit = substr ( $xtwit, 1, strlen($xtwit)); print %u201C<br><p>$xtwit <a href=\%u201D$link\%u201D>#</a></p>%u201D; }else{ print %u201C<br><p>$twit <a href=\%u201D$link\%u201D>#</a></p>%u201D; } $time = $tweet['pubdate']; $time = substr( $time, 0, strlen($time)-6); print %u201D $time %u201C; }

An extended version of the Twitter website. Your own profile information is added, tweets from friends and a couple of random followers. Just check out the demonstration.

Demo can be found here.

Download it here

2. WordPress Twitter Plugins

Twitter for WordPress displays yours latest tweets in your WordPress blog. If you use WordPress widgets, just drag the widget into your sidebar and configure. If widgets are not your thing, use the following code to display your public Twitter messages:

<?php twitter_messages("username"); ?>

Download files here

This plugin allows you to pull in an rss feed from your twitter account and display it on your site.

Download files here

Twitter Tools is a plugin that creates a complete integration between your WordPress blog and your Twitter account.

Download files here

Submits a user definable tweet to your twitter account notifying any twitter followers or friends that a new blog entry has been published on your blog (or an existing published entry has been edited). Supports inclusion of a permalink to your blog posting in the tweet.

Download files here

A widget that properly handles twitter feeds, including parsing @username and URLs into links. Requires PHP5.

Download files here

The Twitter Updater automatically sends a Twitter status update to your Twitter account when you create, publish, or edit your WordPress post. You can specify the text for the updates, and also have the option to turn the auto update on/off for the different post actions in the admin panel.

Download files here

3. Twitter Icons & Buttons

31 twitter logos and buttons.

A nice collection of twitter icons and twitter bird for using on Blogs.

A free Illustration, beautifully made by < a href="http://darkmotion.com/">Pasquale D’Silva, and a couple of Icons which you can use for your twitter status sections of your site. The file is a transparent background PNG, so can easily be imported and scaled into any design.

Free twitter icons for your website or blog.

The icons are available in resolutions 64×64px, 128×128px and 256×256px, in 32-bit transparency PNG.

The icons are available in resolutions 64×64px, 128×128px and 256×256px, in 32-bit transparency PNG.

Free hand drawn doodle icons

Now to check some really interesting twitter status designs compiled from some great websites out there, just visit this amazing post.