The TweetBar stack is a brand new stack which was originally developed for use in themes like Flood and Snow. What this stack does is to append a new bar to the top or bottom of a page, containing a title and a latest tweet from Twitter. This makes it a great addition to any information or blog page. It's an effect you have probably no doubt seen elsewhere on the internet many times before.

Settings exist to customise the "latest tweets" title, along with height, padding, position, colours and font style. Setup is easy and it is possible to @import the TweetBar stack into non-stack pages, using the PlusKit plugin. Unlike other solutions, the TweetBar stack uses pure HTML, CSS and Javascript code, making it compatible will all mainstream web browsers and devices like the iPhone and iPad. The TweetBar stack automatically updates every time a new tweet becomes available, so you don't have to republish your page each time.

Example

You can see an example of the TweetBar stack at the top of this page. In this example, the default settings were used and the TweetBar is pulling in the latest tweets from the RapidWeaver Central Twitter feed.

Setup

1. Once installed, drag and drop a TweetBar stack into your page.
2. In the TweetBar settings shown on the righthand side in edit mode, change the Twitter username to suit.
3. Optionally any of the other settings can be changed if required. When the page is previewed or exported, the TweetBar will start working.

Important You should only use a single TweetBar per-page. This is not a limit imposed by the TweetBar stack itself, but the code Twitter uses to embed tweets within your page. Furthermore, you should only use one type of Twitter stack or script per-page, to avoid possible code conflicts and poor page performance. Some web browser extensions like Incognito will block the Twitter feed and prevent the TweetBar stack from working correctly.