Twitter’s @Anywhere platform was introduced at SXSW, that time Twitter didn’t release the developer tools. But yesterday, they introduced this service for public which means you can also integrate @Anywhere on your website or blog.
This service currently supports auto-linking of usernames, hovercards which you can see on Twitter.com, follow buttons etc. I think this service is surely make reader’s experience more comfortable and following their favorite writer will be much easier than ever before.
So, in this article, I am going to quickly demonstrate a simple tutorial on how to implement Twitter @Anywhere on your blog or website, which helps to create hovercards and dynamically linked Twitter accounts on your blogs or websites.
Don’t forget to 
subscribe to our RSS-feed and 
follow us on Twitter for recent updates.
And believe me it’s too simple to setup Twitter @Anywhere and for that you don’t have to be programming genius. Just follow 2 simple steps mention below and you’re done.
1) Quick Registration of your site at Twitter Anywhere website : The first step to enable Twitter @Anywhere is to register your website in Twitter’s Anywhere Dev site.
Sign in with your twitter account by clicking on “Sign in” option in right hand top side of the window. Now click on “Start using it now” and you will be re-directed to a form where you have to submit all the details related to registration of your website to enable Twitter @Anywhere.
Just fill the form as you seen in the below image with your details.
2) Add JavaScript code in your website header and footer : Click on save application in the end of the form after filling it. It will ask you to Accept the terms, just click on “Accept”. As soon as you accept the terms, it will give you JavaScript code which you have to implement on your site.
The JavaScript code which you had to copy is the blue underline text shown in the image below. This will be different in your case. This will enable Twitter @Anywhere service on your website or blog.
<script src="http://platform.twitter.com/anywhere.js?id=YourAPIKey&v=1"></script>
After setting up Javascript code in your Header, the next thing is to add some Javascript code in website’s footer. This will implement links of all users on your website that have a Twitter username with an @ sign. Just copy the Javascript code shown in red underline in your footer.
<script type=”text/javascript”>twttr.anywhere(function(twitter) {twitter.linkifyUsers();}</script>
You are done, it just takes 2 steps to implement Twitter @anywhere and it is working like a charm as you can see by hovering your mouse on @ sign. If you want to apply some other features of Twitter @anywhere, please click this link. This documentation guides you to implement some other features like ‘Follow Button’, ‘Tweet Box’, ‘Hover Cards’, ‘User login or sign-up’.
You can also follow SaveDelete’s team from here only for more latest updates and news.
- Jaspal Singh ( Founder & Owner ) : Follow @iliketocollect
- Yogesh Mankani ( Editor-in-Chief and Social Enthusiast ) : Follow @yogeshmankani1
- Vikas Panwar ( Senior Editor & Creative Head ) : Follow @vickypanwar
Awesome, really helpful!
Pingback: How To Implement Twitter @Anywhere On You Website or Blog in 2 Easy Steps « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit
Pingback: === popurls.com === popular today
Nice Tutorial Yogesh, You explained it really well
thnks it would surely help me
This is Awesome! Working Perfect Now!
.-= Chethan´s last blog ..Humorous 3 Tech Advertisement Videos – Must Watch =-.
Pingback: How To Implement Twitter @Anywhere On You Website or Blog in 2 Easy Steps : Popular Links : eConsultant
Awesome! I look forward to trying this out!
.-= Kevin M.´s last blog ..Silly Saturday – How not to start your Saturday =-.
Nice coverage of @Anywhere. Hopefully “regular” blog owners try it themselves. Don’t really need a developer to implement most of the cool features.
Pingback: How To Implement Twitter @Anywhere On Your Website or Blog | Tutorialicious.info
Pingback: links for 2010-04-17 at DeStructUred Blog
Pingback: How To Implement Twitter @Anywhere On Your Website or Blog | twittersRus.info
Pingback: How To Implement Twitter @Anywhere On Your Website or Blog
nice tip it worth to try but i think it won’t work on the free wordpress blogs because it doesn’t support javascripts codes
.-= subzero525´s last blog ..USB CABLE+CAR+HOME CHARGER FOR LG AT&T CU920 CU915 VU =-.
Well, I have not tried it on free WordPress themes, but one of my friend tried it in his WordPress theme which is also free. And there @anywhere is working. So, I suggest you to try it also.
If that’s the case, I think I need your friend’s help because it isn’t working for me and I’ve added two of the widgets. :-/
Still good to know it’s available, once I learn how to utilize it.
Thanks,
.-= Kissie´s last blog ..Crusty Elbows =-.
Don
Great post. To get the hovercard by mouseover picture event instead of mouseover text, we can try this.
http://www.askabouthugo.com/general/twitter-anywhere-for-wordpress-plugins-mouseover-picture-even/
enjoy! @hugophang
Great post. Thanks for introducing this to me!
Twitter is a powerful tool, if you know how to use it… anyway, great post, thank you.
.-= http://www.vector-eps.com´s last blog ..Photoshop grunge action script =-.
Morning, really good website, I have bookmarked your blog ;D
it does not work on ning networks. it causes the sites to continuously refresh. if anyone can tell us how to resolve this, it would be much appreciated.
Great post, Could I copy this link to my website?
I recently came accross your blog and have been reading along. I thought I would leave my first comment. Great Post. I will keep visiting this blog very often.
Pingback: http://derickrobinson.squarespace.com/
Your work has always been a great source of inspiration for me. I refer you blog to many of my friends as well.
Pingback: mastercard cards
great share, great article, very usefull for me…thank you
it does not work on ning networks! does anybody have a fix for this please? thanks.