If you read and followed my original post about adding a Twitter link to your iWeb site then you may well remember that I promised a follow-up post. Okay, so it’s been a while but here it is. If you want more than just a ‘Follow me on Twitter’ link on your iWeb-site you can add a status widget for all to see.
When you (if you) signed up for your Twitter account you should have seen the widgets that are available to you. If not point your browser to twitter.com/widgets and have a look. As you can see form the screen shot below I selected ‘Other’ in response to the question ‘Where do you want to put it?’ Obviously iWeb isn’t that popular a web design tool just yet!
There are 2 different ‘flavors’ to choose from, one Flash the other HTML. Obviously if you want to make your iWeb site all funky looking you can go for the flash version however I would warn you to take caution. Not everybody (I know it is hard to believe) has or wants Flash installed on their PC/Mac so if one of these users visits your site and then starts getting annoying warnings telling them they must download the latest version of this and that, they may well go elsewhere.
I went for the HTML version. Click continue and you will be taken to a page where you can choose how many updates you want to display at a time. If you are a regular updated you may want more than the default 5; set the amount to suit your needs.
You also get the option of adding a title. The default is Twitter Updates. I chose not to have one as we can make one in iWeb using a simple text-box and we know the font will match.
Now just copy the HTML code that is shown in the last box and open up iWeb.
Find the page where you want to insert the Twitter Updates on and insert an HTML Snippet, then paste in the HTML code and press ‘Apply’. Your Twitter Updates should now appear, as if by magic.
You may now notice that the font and perhaps the colors of the updates do not appear to match the rest of your site. We have to get round this by adding an extra bit of CSS into the code so that the Twitter Widget reads it rather than uses HTML defaults.
So underneath the bit of code: