To implement this on your own website, sign into Twitter and register your Twitter App at dev.twitter.com/apps.
Second, include this Javascript:
<script src="http://platform.twitter.com/anywhere.js?id=your-app-id&v=1" type="text/javascript"></script>
@Swinny -
<script type="text/javascript">
twttr.anywhere(function (T) {
T('span.twitter-followme').followButton("swinny");
});
</script>
<p><span class="twitter-followme">@Swinny - </span></p>
We can easily create a hover for any Twitter user, such as @swinny, @twitter or @anywhere.
<script type="text/javascript">
twttr.anywhere(function (T) {
T("span.twitter-hover").hovercards({
username: function(node) {
return node.innerHTML;
}
});
});
</script>
<div id="twitterbox"></div>
<script type="text/javascript">
function twitterReceiver(tweet,htmltweet) {
$('div#yourtweets').append('<p>Here is your Tweet:</p>'+htmltweet);
}
twttr.anywhere(function (T) {
T("div#twitterbox").tweetBox({counter:true,height:'36px',width:'500px',label:'More useful is the ability to tweet directly:',defaultContent:'I think @swinny has helped me with the Twitter API! https://swinny.net/Twitter',listener:twitterReceiver});
});
</script>
<div id="yourtweets"></div>