Logic By Design

Apr 15How-to use Hovercards using @anywhere

Today Twitter announced @anywhere which is a new set of methods that were typically reserved for twitter.com that can now be used on your own website. In the video below I show how easy it is to implement one of the new pieces of functionality called Hovercards. Hovercards allow you to associate a little more information to twitter ids on your own site, for example if I put our id @logicbydesign you can now rollover it to follow us or get some more information. This is a great way to allow visitors to your site connect with you by following you on twitter without having to take them away from your site.

Hovercards using @anywhere from Pete Bernardo on Vimeo.

Just a quick video showing you how to implement one of the many new features of @anywhere from Twitter.

Here is a close up view of the code used in the example, visit @anywhere’s documentation to see more examples.

1
2
3
4
5
6
7

<script src="http://platform.twitter.com/anywhere.js?id=APPKEY&v=1">
  </script>
  <script type="text/javascript">
     twttr.anywhere(function(twitter) {
              twitter.hovercards();
     });
  </script>

If you have any questions about implementing hovercards or @anywhere feel free to leave a comment below or follow us on twitter @logicbydesign (see how useful =) )