Journal / Add a Twitter @anywhere hovercard to any text or image

Twitter have released @anywhere to the public which, at its most basic, allows site owners to automatically add bubbles to @username text which displays a follow button and user info. Twitter are calling these hovercards. I wanted to add a hovercard to the ‘Follow me on Twitter’ link in my footer but I didn’t want to change my text to include my username, so I had to dig into the documentation to find out how. I’m a designer who struggles with development, so it took me a bit of trial and error to get this right, so I thought I’d post it to help other non-developers.

  1. Got to the @anywhere site and sign up
  2. Enter all the details for your site
  3. Take the first line of code the site will give you. It looks like
    <script src="http://platform.twitter.com/anywhere.js?id=XXXXXXXXXXXXX&v=1"></script>
    and add it into the head of your site.
  4. Directly underneath that, paste this code:
    <script type="text/javascript">
    twttr.anywhere(function(twitter) {
    twitter("a.link-class").hovercards({
    username: function(node) {
    return node.title;
    }
    });
    });
    </script>
  5. Change link-class in the above to the actual class name of the anchor you want to use a hovercard with.
  6. In the HTML for the anchor add title="@username" and change ‘username’ to your Twitter screen name.
  7. You’re done.

View a working version in my footer. Yes, down there.

41 responses so far

  1. Connor Turner

    15th Apr, 2010 at 2:46 pm

    Andy,

    thank you so much for this tutorial. Thank you for taking the plunge and writing up a tutorial, so useful.

    Well done man.

  2. Clive Walker

    15th Apr, 2010 at 7:42 pm

    Thanks for this. I wanted to do something similar with links and this really helped.

  3. Rustin

    16th Apr, 2010 at 10:05 pm

    Ahhh, thank you. I don’t know why it happened this way, but the snippets I got from dev.twitter.com didn’t work and yours did. A few small differences, but I don’t know enough about JS to know why.

    Thank you!

  4. Joe Doyle

    19th Apr, 2010 at 2:19 am

    Your sharing is why you rule. Thanks, Andy.

  5. Maverick

    19th May, 2010 at 7:36 pm

    Ahhh, thank you. I don’t know why it happened this way, but the snippets I got from dev.twitter.com didn’t work and yours did. A few small differences, but I don’t know enough about JS to know why.
    +1

  6. Thijs Albers

    16th Sep, 2010 at 10:18 am

    Great, thanks for sharing!

    If you want to attach the hover card to images, I found you also have to add the ‘class’ and ‘title’-tag to the img-tag as well, otherwise it didn’t work for me..

  7. Jermaine Juray

    9th Feb, 2012 at 7:22 am

    I’m encouraged, I must say. Truly not typically do I come across a blog site that is both equally instructive and entertaining, and let me inform you right now, that you’ve really got it spot on. Your website content is amazing; the topic is one thing that not sufficient different people are discussing wisely with regards to. Now i’m quite grateful that I came across this during my research some thing concerning these.

  8. Alberto

    4th Mar, 2014 at 12:01 am

    After looking at a number of the blog articles on your web
    site, I honestly appreciate your way of writing
    a blog. I book-marked it to my bookmark webpage list andd will be checking
    back in the near future. Please visit my website
    as wel andd let me know your opinion.

  9. eye doctor greenpoint brooklyn

    27th May, 2014 at 9:19 pm

    Just the knowledge that the individual who will be seeing your child has experience with
    autism will make a difference. Through your effected eye it is not possible to properly perform your daily activities
    properly, are faced with emotional stress and depression. Do
    not be surprised if you do not want to eat much the first day.

  10. delray beach day summer camps

    2nd Jun, 2014 at 12:09 pm

    There are a variety of outdoor activities for the kids of the Colorado Youth Program Mountain Summer
    Camp, including bird banding, astronomy, fishing, kayaking, hiking, white water rafting, evening campfires, wildlife study, mountain biking, canoeing, forest study, games, and aquatics
    study. You have to take care of your health at the same
    time. However, financial help is always readily available for autistic summer camps kids who need it.
    Time Efficiency – Since attending fitness boot camp training entails more
    preparation for disciplinary actions in case one decides to become a slacker,
    one learns more time management when doing fitness boot camp routines.
    Or, chances are you’ll be tempted to investigate Portugal’s
    oldest night-club. Skyhawks is fitted for ages 3 to 12 and offers 11
    different sporting options, including, soccer, basketball, baseball, flag football, multi sport, volleyball,
    cheerleading, tennis, golf, lacrosse and track and field.
    I know some of the parents out there know what I’m talking about.
    I have been getting a lot of emails recently from people
    who are also interested in training Muay Thai in Thailand, although they want to wait until their skill or fitness is at a higher level.
    WHEN: ”””””” Thursday, March 12 – Friday, March 17. There are four sessions throughout the summertime from the beginning of June through the end of July.

  11. Fantastic beat ! I would like to apprentice while you amend your web
    site, how ciuld i subscribe for a blog web site?
    The account helped me a acceptable deal. I had been a little bit acquainted of
    this your broadcast provided bright clear concept

  12. It is advisable to present understanding for your followers and loyal
    purchasers, and also a way to do this is by providing freebies or
    perhaps freebies. This is the world’s most popular social
    networking site, with over 200 million users. For a real-world example, an audio electronics company that I worked for had their technicians
    post on popular DIY (Do-It-Yourself) hobby electronics websites.
    If there is no product awareness, the product will not
    do well in the market. For businesses trying to raise brand
    awareness through social media, content is everything.
    The other man involved in this situation probably reflected back to your wife a very positive image of
    herself by giving compliments telling her everything about her
    is great, she deserves the best and so forth. But looking at this from another angle, some parents unfortunately leave their children using the computer alone so that supervision of their own child will be that much easier.
    Posting in the mornings or on the weekends is a good idea.

    But to keep the discussions going it is important that you get
    involved with those discussions. Tapping into the powers of social media marketing will help bring the name of your online
    business into the forefront of your potential customers’ minds, far outranking your
    competition in the market.

  13. facial plastic surgeon in boca raton fl

    21st Jul, 2014 at 2:49 am

    Plastic surgery has become immensely popular in the last few years.
    An experienced plastic surgeon can ensure you appealing
    aesthetic results with the help of innovative body contouring procedures.
    The physical and external benefits are very obvious.

  14. charles brandon Fort Lauderdale CPAs

    30th Jul, 2014 at 8:25 am

    This service provided by Peachtree host also eliminates time restriction for user.
    He or she should be a person who would be in a position to utilize resources for the benefit of the
    organization. Other coins were surmised to have been issued
    by employers, noblemen and merchants for their private uses.

  15. Josephine

    2nd Aug, 2014 at 6:05 am

    B_dzie si_ aplikacja a_ do gdy wordpress, jakie wyobra_aj_ te portrety
    naznaczy_ administracj_ komu nieciep_emu. Podzia_
    na twoj_ pagin_, jakiego niecienka zap_ata projektowania stronic gra przyjacielska _lepiu grafika komputerowa jak_ dyspozycj_ ustala_ eksploatator netu uzna uciec sytuacji.
    Sfinansuje. Zlokalizuj_e blankiet a_ do ksi_dze zach_t
    internetowych w wi_kszo_ci wypadk

  16. long distance moving and storage companies

    19th Aug, 2014 at 8:15 pm

    Now have a look at major categories of movers and packers
    working in Chandigarh. They will need time to get the
    facts and figures together, so begin as soon as possible.
    You should ask relatives, colleagues, friends, neighbors or anyone in your surroundings.

  17. stop falling for weight loss myths

    21st Aug, 2014 at 10:03 am

    The HCG diet is considered the latest strategy
    to drop weight incredibly quickly yet still be in a
    position to eat. It was a happy accident to be sure,
    but still an accident. Metabolism is simply defined as the volume of calories burnt at rest.

  18. Terri

    19th Sep, 2014 at 4:19 pm

    Spectacular write-up

  19. social media marketing zielgruppe

    20th Sep, 2014 at 7:20 am

    Techniques and trends like branding, managed care contracts, practice
    ownership, and sales have not been as affective (Beckman).
    Even the most capable SEO specialists struggle with this. It is better
    not to ignore Word – Press SEO training as it is very
    much necessary to be successful online.

  20. weight loss on hcg drops

    23rd Sep, 2014 at 3:13 am

    When the body has to retain water, it will do so at all costs.
    Not only are they best for reducing weight and to better your physical
    condition, but also to make you slender and generally more desirable.

    You then take your BMR, and multiply it with an activity factor,
    to determine your TDEE: Sedentary (BMR X 1.

  21. John Costello John Miller Boca Raton CPA

    25th Sep, 2014 at 1:08 am

    These relationships usually have a long history
    of trust and competency. Total salary is reported to the employees and Internal
    revenue service which become easy for the employees to pay
    their taxes. Bank Accounts: When the IRS removes money directly from your bank accounts.

  22. weight loss hcg shots

    27th Sep, 2014 at 6:02 am

    This is when I ran across the name of Kevin Trudeau linked intimately with HCG diet
    info. At the same time, the single most effective technique to get better rest is to take advantage of a real HCG weight loss clinic in Southern California.

    Some companies are selling inferior products to make a quick buck, so you never know what you get when you purchase these hormone drops online,
    says the News Junky Journal.

  23. dock antique ice box latches

    28th Sep, 2014 at 12:21 am

    Everyone wants cheap bait these days but the big problem is that cheap often means rubbish.
    After users select their avatar they_re transported into their apartment.
    But have you ever thought about living in your boat
    full time.

  24. daftar harga handycam sony terbaru 2014

    2nd Oct, 2014 at 3:29 am

    Formed in 1997 by high school friends Tom Higgenson and
    Ken Fletcher, the group had a mostly underground
    following in Chicago basements, clubs, and bars in its early years, and
    underwent numerous personnel changes. On the top of the coffee cup sleeves there is a cap
    which helps the user to drink the coffee easily.
    The thing to also remember is that, in that time period, roughly 1988to 1994, there were over two thousand bands listed
    in the Boston – Phoenix Band Guide.

  25. ask.fm guide

    10th Nov, 2014 at 11:31 am

    I don’t know whether it’s just me or if perhaps everyone else encountering problems with your site.
    It appears as if some of the written text
    on your posts are running off the screen. Can someone else please comment and let me know if this is happening
    to them as well? This could be a issue with my browser
    because I’ve had this happen before. Kudos

  26. soldadura

    10th Nov, 2014 at 3:49 pm

    M

  27. discount Aiseesoft Video Converter 3 MAC

    30th Nov, 2014 at 2:38 am

    Hello just wanted to give you a quick heads up.

    The word in your content serm to be running off tthe screen in Chrome.

    I’m not sure if this is a format issue or something to do with internet browser compatibility but I thought I’d pst
    to let you know. The design and style look great
    though! Hope youu get the problem solved soon. Many thanks

  28. julie laporta ministry

    24th Dec, 2014 at 3:35 pm

    However depending on the natural healing books which you purchase,
    you might find that there are so many methods that you can approach your mental, physical and spiritual
    healing requirements. All women want to have a great relationship with their partner.
    I don’t similar leaving assignments to the sunset arcminute.
    In apprehension how like a god: the beauty of the world, the
    paragon of animals, and yet to me, what is this
    quintessence of dust. Angelina Jolie is one of the most loved
    and hated celebrities in the world. You might not be ready to jump into a permanent loving relationship and are merely looking for companionship.

    When doing EFT you tap on these various points while
    thinking of your problem, pain or challenge, physical or emotional.
    This was all mentioned in The Bible and bile teaching was
    clear about these points. t created that Godly consciousness
    at the moment of our death in our previous life. It’s a good time to pursue other ventures,
    if you like, or join us again for the Act III guide if you prefer to stay the course and see
    this one through to the end right now.

  29. Joella Frampton

    19th May, 2015 at 3:24 pm

    An interesting discussion is value comment. I feel that you need to write more on this subject, it might not be a taboo subject however typically persons are not enough to talk on such topics. To the next. Cheers

  30. Bulk clothing used

    9th Sep, 2015 at 9:44 am

    I feel very glad to read on this topic. Would you mind updating your blog with some more additional information,

  31. Raviteja

    20th Nov, 2015 at 7:40 pm

    I was tempted the first few days cause I rleeizad I could have loaded up on a lot more yummmmmy stuff the first 2 days and didn’t. Visions of a lucious coconut cake were dancing in my head. However, what helped me to resist was to remind myself of the little I lost so far, how badly I wanted to reach my goal and also it really helped a lot to watch testimonial videos and peoples video journeys on the hcg diet. Seeing other people’s success what an inspiration and motivation to tough it out during momentary temptation and just to get my mind on somethingelse meanwhile til it passed. Hope that helps some!

  32. guardians2016.info

    19th Jan, 2016 at 4:02 am

    Wow, marvelpus blog format! How long have you been running
    a blog for? you make blogging glance easy. The entire look of your website is excellent, let alone
    tthe content!

  33. estate agents peterborough

    4th Feb, 2016 at 10:15 am

    Great looking blog. I’m frequently checking back to see when your latest works goes up. Can’t wait to read more!

  34. J Chan

    22nd Feb, 2016 at 11:24 am

    He is a benefactor of mankind who contracts the great rules http://weddinginvitations4u.ne.....1283789366 of life into short sentences, that may be easily impressed on the memory, and so recur habitually to the mind.

  35. http://www.blrimages.net/

    29th Apr, 2016 at 1:18 am

    - OH.MY.GOODNESS.I called it a bean cake… coffee beans, soya beans, black beans, cocoa beans. NO ONE wanted to eat it! But the all loved it…Thanks for sharing the recepie!

  36. car insurance quotes

    16th May, 2016 at 1:29 am

    ChrisCongratulations on this well deserved honor. It is humbling to consider that I was able to serve SPARS with so many of the real icons of the recording industry like you. Best Wishes.Dick TrumpTriad StudiosDes Moines, IA

  37. car insurance quotes

    20th May, 2016 at 2:31 pm

    , , Dopo che vi siete sfogati vi sentite meglio. La Vostra immaginazione riesce a concepire qualcosa che vada al di la della parola patrimoniale… inutile perdere altro tempo. Discorso chiuso!

  38. http://www.bluehillhouseofpizza.net/

    8th Jul, 2016 at 2:08 pm

    Thank you for this, Father. How may I better dispose myself before entering into this type of prayer? Thank you in advance. [Go to confession frequently, obey the obligation of the Eucharistic fast, and pay attention during Mass.]

  39. http://www./

    10th Jul, 2016 at 9:56 pm

    Thought it wouldn’t to give it a shot. I was right.

  40. http://www.memedicine.org/

    21st Jul, 2016 at 4:36 pm

    - Shoot! We already scheduled ours!!!! That spot looks familiar!!! We still cherish ours from last year…you are good! Count us in for next year! And, if you ever do mini sesisons like this during the year, let me know! I’d be interested, for sure!

  41. http://www./

    24th Oct, 2016 at 8:38 am

    Erin,I’m glad everything is going great with you and the baby. I keep watching your blog for the big announcement. Thanks so much for the gift card you sent. It was a very thoughtful gesture.

Leave a comment