HaloDummies

Unless you’ve been living under a rock for the past year, you’ve heard of and probably have a Twitter. It’s the microblog service that has basically taken over our everyday life. You’re probably here because you own a WordPress blog and want to know how to add @Anywhere to it (hover over the @Anywhere and watch what happens), and that’s what this how to is about!

Basically, what the new @Anywhere feature does is allows you to auto link to Twitter accounts and add hover cards simply by doing an @ whoever! Example time! @CFultz, @sckitkat09, @xLOLSTFUx, @markrar, @loldave… you get the idea! It will save you time in the long run and it’s a simple line of code that takes all of a minute to install into any theme! So let’s get down to business, shall we?

Before we can begin adding anything to our WordPress theme, you must register your blog as an application on Twitter by following this [link]. After you have signed in you are presented with this [page] where you setup the options you need for your specific setup.

Example Setup:

Application Name: Joe’s Blog
Application Website: hxxp://insertyouurlhere.com/
Organization: Joe’s Blog
Callback Url: hxxp://insertyoururlhere.com/
Default Access Type: Read and Write
Icon: (Not necessary but it is nice)
CAPTCHA

After that you will be presented with an example code and it should look something like this:

<script src=”http://platform.twitter.com/anywhere.js?id=THISISWHEREYOURAPIKEYWILLBE&amp;v=1″>
</script>
<script type=”text/javascript”>
twttr.anywhere(function(twitter) {
twitter.hovercards();
});
</script>

Copy that and login to your WordPress blog ex. hxxp://yourblog.com/wp-admin/, on the left side of the screen click Appearance, Editor and you’ll be presented with the code of your theme. Look to the right of the editor box and look for “header.php” and click it. Once there, look for the “</head>” tag and paste the code directly above it. Save the theme. Make a test post and put your Twitter name in it, preview it to see if your settings are working. If they are, you should see something like this…

If you see this then you have successfully followed my instructions and now have @Anywhere working on your blog! Tell me how I did and share your blogs in the comments below! Thank You!

NOTE: This ONLY works on themes that have been edited! So if you are running a mobile theme, you’ll have to edit that theme as well!