How To Add Twitter Hovercards To Your Blog [VIDEO]-UPDATED

[Update: I mentioned “WordPress.com” in the video a couple of times but hovercards DO NOT work with WordPress.com, only with WordPress.org blogs and sites that allow for JavaScript.]

Twitter rolled out its new @Anywhere site and developer resource yesterday. @Anywhere allows you to integrate Twitter with your application or site.

Today, we’re going to trick out our WordPress blog by adding the Hovercard feature. Whenever I type in an “@” plus a username on this blog, site visitors will be able to mouse over the hovercard link and see the Twitter peep’s mini-profile. You may have seen this feature on the Twitter.com web site.

Here’s a quick test – my Twitter friend @heykim rocks! You should be able to mouse over @heykim and see her profile information. Cool, no?

Ok, time to grab your small bowl of popcorn, pump up the volume, and enjoy the tutorial. Then roll up your sleeves and try this out on your blog. Enjoy!

This entry was posted in Build-A-Fan-Base, Fun, PRO_TIP, Social, Toolbox, Twitter, Video, Web Marketing, Web/Tech, Weblogs, Widgets and tagged , , , , , , . Bookmark the permalink.

8 Responses to How To Add Twitter Hovercards To Your Blog [VIDEO]-UPDATED

  1. Pingback: Twitter Hovercards « Forty2

  2. Kacy Maxwell says:

    I had the same issue…Jesse, are you on a WordPress.org blog?

  3. Kacy Maxwell says:

    That makes sense then…Wordpress.org allows for much more of this type of customization.

  4. Ccampbell23 says:

    Thanks so much for this awesome tutorial. I folles your steps and was up and running in seconds. What a great, additional feature to have on any site… Especially if you are an avid Twitter user.

    I will be adding this video and this site to my own, with your permission of course. My friends and visitors will surely benefit from this easy to follow tut.
    I found some others out there making it much more difficult than it need be.

    Thanks again, and I look forward to explring more of your information.

    Sincerely yours,
    Chris from Ccampbell23.com
    @Ccampbell23

  5. Pingback: Ccampbell23.com | Blog | How to add Twitter hovercards (@Anywhere) to your blog. by jesseluna.com

Leave a Reply

Your email address will not be published. Required fields are marked *