HOW TO: Add Twitter @anywhere In Blogger Blog

Last month twitter made the @anywhere live which allows you to add many great twitter features on your blog. Of them, the Hovercards feature is being widely used. In this tutorial, we will explain you how to add the twitter @anywhere Hovercard feature to your blogger blog.

First you will have to create an @Anywhere application. You will have to fill some information as show below

Fill any name you want for the Application name and Organization. For the Application Website and callback URL use your blog address. Keep the Default Access Type as Read & Write and then enter the CAPTCHA and press the Register Application button.

You will now be taken to a page where you will see the code for twitter @anywhere.

Just copy the code between <head> and </head> tags. Now go to the Layout option for your blogger blog and click on Edit HTML option, search </head> and paste the code just above it.

Now save the template and visit your blog. You can try the @anywhere feature by adding @YourUsername in the blog post or comments section. However if you are using comment tools like Intense Debate or Disqus , then the @anywhere feature wont work in the comments section.

Here is an example of the @anywhere feature. Just move the mouse over @rahuljrark and you will see my username, some information and a Follow button to follow me on Twitter. Do try this feature and if you are facing any problems, then use the comments section and don't forget to follow me on twitter @rahuljrark .