Add a Twitter @anywhere hovercard to links containing tweeps

Andrew Bolster

Senior R&D Manager (Data Science) at Synopsys Software Integrity Group and Treasurer @ Bsides Belfast and NI OpenGovernment Network

Everyone and their dog has a walkthrough of adding @anywhere hovercards to your blog. But the default has a small failing that irked me when I was re-doing my Blogroll (check them out, they’re all great! I promise!), and that was that if you take a tweep, like @god for example, it’ll happily wrap the hovercard around it, but if you have a link to this great status that @god posted, @anywhere won’t pick this @god up.

Quick and dirty solution; add the following code-block inside your


section of script.


Then thats you done! No muss, no fuss. Thanks go to @stuartgibson for help. If I’ve missed anything, scream at me in the comments or @bolster

Update Of course I’d missed something; this unfortunately makes @anywhere inspect every link on your site, including navigational ones, so for my usecase (blogroll), i modified my code to only infer when inside the id of my blogroll, ie

twitter("#linkcat-2 a").hovercards({


blog comments powered by Disqus