Few days back we let you know about Twitter @anywhere which will let you integrate Twitter into your wordpress blog completely. Few days back Twitter made @anywhere live and here is a complete tutorial on how you can add Twitter @anywhere into your blog. In this tutorial I will be taking Thesis WordPress Theme as an example.
To get started with @anywhere you need to register an API. Follow this screenshot to learn how you can register for API
API registration:
Follow this link and login with your Twitter Id. You need to fill a form to complete the registration.
Fill all the details based on your website/blog and fill the CAPTCHA at the end. Once everything is done, click on register application. Accept the TOS and follow the below given steps.
Adding Twitter @Anywhere Script in WordPress Head :
Once you done with the registration of application, you will be redirected to page with your API key and all other related information with your application settings for particular domain.
Add this script in your in header.php. If you using Thesis you can add it in header script code in option panel:
"http://platform.twitter.com/anywhere.js?id=HFxRtWYXYDvbfsMpzEQ&v=1" type="text/javascript"></script>
Replace the part after id= with your API key. As highlighted in above image. This will make your site ready for twitter @anywhere. Now you can take advantage of features which @anywhere offers. One of them is linking to any @username directly to twitter profile and user can follow him without leaving the page.
Linking @username directly to twitter Account
Following given code will add @username to twitter account. This is basic one but the real fun comes when we use twitter hovercard feature. This is code for linking to twitter username without Hovercard. This card will go again into your tag. Below the Twitter @anywhere code which we have added.
<script type="text/javascript">
twttr.anywhere(function (T) {
T.linkifyUsers();
});
</script>
Linking twitter username with Hovercard feature:
The below given code will add twitter hovercard feature into @username. If you now sure about hovercard: read Twitter launched hovercard feature. Add this line of code below your <head> into header .php or header script into Thesis option panel :
<script type="text/javascript">
twttr.anywhere(function (T) {
T.hovercards();
});
</script>
You can add more features to your site with twitter @anywhere . You can read the official documentation on their website. <link>.
You can follow me on twitter @denharsh and Our official twitter handle @shoutmeloud.
If you run a website which is related to social media, blogging, twitter. This @anywhere feature will be very handy.
I will love to know how did you find this tutorial and are you going to integrate twitter into your blog?
Subscribe Updates, Its FREE!
![How to LazyLoad images to Improve Page Speed [WordPress]](http://www.shoutmeloud.com/wp-content/uploads/2011/09/LazyLoader-Settings-550x345.png?699e3a)
Article by Harsh Agrawal
Harsh has written 1206 articles.
If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.
→ 
→ 
{ 12 comments… read them below or add one }
Cool! great to see this post, now we have a nice good resource
@dangerdiabolick says Nice post
Nice info
thanks for this detailed tutorial.
nice post harsh thanks for sharing ,btw RT done
Cool..nice post!
Harsh, I was about to write this detailed article on my blog by this evening, You have given every little detail neatly here, what should i do now
( Nice feature @anywhere )
You can write another post explaining how to implement some other features!
hey man, you are everywhere…wherever i go u r there…cheers..
hope this will be use help full for my new blog
Great post, great plugin, I will try to use that, thanks for sharing!
WoW! A very good article indeed I would say. Would read it again, and try to implement.
Thanks
Bang-up documentation! One note: the @anywhere script, for those not using the Theses theme, should include -
<script
src=
Once i added this everything was aces!