I want to create the simplest custom Twitter feed possible. I want to create stylish but minimal looking websites. I can build static sites using HTML & CSS and want to now start adding various features to my sites. My next task is creating a simple Twitter feed. I would like to take my inspiration for the Twitter feed from http://floatleft.com/.

 

I have come across the following script and would like to know what everyone thinks and if anyone can suggest something else. Keeping in mind I want to keep my site designs clean.

 

<style type="text/css">

 

#twitter {

width: 500px; margin: 130px auto;

}

 

#twitter h1 a {

display: block; margin: 0 0 15px 0;

font: 14px Arial, Sans-Serif; color: #004080;

text-decoration: none;

}

#twitter h1 a:hover { color: #004080; }

 

#twitter ul {

list-style: none;

margin: 0; padding: 0;

}

#twitter ul li {

margin: 0 padding: 0;

}

#twitter ul li a {

font: normal 14px/30px Georgia, Times, Serif;

color: #004080;

}

#twitter ul li a:hover { color: #CC0000; }

 

#twitter ul li span {

font: 22px/30px Helvetica, Arial, Sans-Serif; color: #004080;

}

#twitter ul li span a {

font: 22px/30px Helvetica, Arial, Sans-Serif;

}

 

 

</style>

 

<div id="twitter">

<h1><a href="http://twitter.com/BibCra">@BibCra</a></h1>'>http://twitter.com/BibCra">@BibCra</a></h1>

<ul id="twitter_update_list"></ul>

</div>

<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>

<script src="http://twitter.co[/size][/size][/size]m/statuses/user_timeline/BibCra.json? callback=twitterCallback2&count=1" type="text/javascript"></script>

see here

Thanks, I now have this feature up and running.