Space Impact

Widget Twitter

Copy this script before ]]></b:skin>
#twitter { width: 300px; margin: 8px auto;}
#twitter ul {margin-top:-80px; list-style: none; padding: 0 0 0 80px;}
#twitter ul li {padding: 10px; background: rgba(255,255,255,0.1); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
#twitter ul li a { font: italic 10px/20px Georgia, Times, Serif; color: #555b6e;}
#twitter ul li a:hover { color: #1b2f6f; }
#twitter ul li span { font: 10px/20px Helvetica, Arial, Sans-Serif; color: #fff;}
#twitter ul li span a { font: 10px/20px Helvetica, Arial, Sans-Serif;}
.twitteffect img { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; }
.twitteffect:hover img { opacity:1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1; }
Then, Add Gadget => HTML/Javascript :
<div id="twitter"><a class='twitteffect' href='http://twitter.com/mediacopypaste' target='_blank'><img src="http://img259.imageshack.us/img259/5629/twitter2.gif" border="0" /></a><ul id="twitter_update_list"></ul> </div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script> <script src="http://twitter.com/statuses/user_timeline/mediacopypaste.json?callback=twitterCallback2&count=1" type="text/javascript"></script> 
Save.
NB: Remove the Red Font with your name.

No comments:

Post a Comment