• Tweet

• Tweet

Recently, I got an email from a user asking: How to implement twitter @Anywhere Hovercard in WordPress. Adding @anywhere is relatively an easy process. You can either add the twitter anywhere hovercard manually or install a plugin.

Twitter Anywhere helps to get more traffic, more tweets and more engagement. It can convert the twitter username to links (like – @wpkube) and adds a lot more options.With hovercard option, users can see a hover box with a follow button & user information.

In this post I’m going to walk you through a step by step tutorial on how to add hovercard to WordPress.

Step 1: Create an Anywhere application »

The first step is to create an twitter anywhere application. On registration an anywhere application page, you have to fill-in all the details for Application Name, Description, Website etc.

Step 2: Add the following code »

Once you complete the registration process, copy and paste the following code to your header.php file (before </head)

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

Make sure to paste your own consumer or API key where it says APIKey in the link.

For Thesis Theme Users

If you’re using thesis theme framework, then paste the code in “Additional Scripts” Section. Go to > Thesis > Site Options > Additional Scripts.

Now every time you will link to a twitter account @wpkube, it will be automatically linked to the appropriate twitter profile.