How to add Wowhead links to your blog

Bookmark and Share
Posted by Keeva | Blogging, Mods/Technical | Thursday 7 January 2010 5:50 PM

Another blogger asked me how to get the Wowhead mouseover links to work in her blog. For example, when you mouseover this item, you can see its Wowhead tooltip: Support Girdle

This is a really handy thing to have – it makes it nice and easy on your readers; they don’t have to click the link (or go search for the item) to check out its stats. They won’t have to worry about going looking for the item to know what you’re talking about.

It’s actually very easy to implement this – it will take you about 2 minutes of your time. The script itself lives over at Wowhead.com; you just have to paste some code into your blog to point to it. Then, any time you post a Wowhead item link, it will automatically convert to a mouseover. :)


Adding Wowhead links to Blogger/Blogspot blogs

  1. Go to your dashboard, go to Layout, and in the widget section, make a new widget.

  2. Choose html/java, because it’s going to just be a bit of code pasted in. Don’t give it a title; this way it will show in your dashboard list of widgets as “html/javascript” but wont show on your blog’s widget list. It’ll be working for you behind the scenes.
  3. Paste this in:

    <script src=”http://www.wowhead.com/widgets/power.js”></script>

  4. Save, and you’re done!



Adding Wowhead links to Wordpress blogs

Note: I run self-hosted Wordpress blog, and I can control the layout of my site entirely. I assume that Wordpress-hosted blogs are similar, you will just need to navigate to your template to paste the code in.

  1. Go to your dashboard; under Appearance, click on Edit.

  2. Open Header template file (putting it in the header means it will function on each page of your blog), and inside the <head></head> tag, paste this in:

    <script src=”http://www.wowhead.com/widgets/power.js”></script>



Posting a mouseover link

  1. Go to wowhead and grab your item’s address/link, eg http://www.wowhead.com/?item=1215

  2. When you write your post, you’ll need to write the link like this:

    <a href=”http://www.wowhead.com/?item=1215″>Support Girdle</a>


That’s it! :)

VN:F [1.9.2_1090]
Rating: 0.0/5 (0 votes cast)



Possibly Related Posts:


12 Comments »

  1. Comment by Poneria — January 7, 2010 @ 11:44 PM

    As far as I can tell, I’d have to pay to change the style sheet / header on my WP-hosted WP blog. :( If this is not the case, it’d be awesome if somebody can point me how to get to it through the WP interface.
    Poneria´s last blog ..ALEB: Talents & Glyphs My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  2. Comment by Kae — January 8, 2010 @ 12:51 AM

    I suggest adding this to guild forums, as well. It’s helpful for linking item lists, professions, spells, and boss abilities.

    The fun part is that you can link an item and give it some crazy new name, since it’s just a link :D

    Best Hat Ever!!

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  3. Comment by Virile — January 8, 2010 @ 1:28 AM

    I’m not sure it’s possible to do this on hosted wordpress. I’ve tried to look into it in the past. You can change the CSS template for a fee, but this is an actual HTML code statement correct?
    Virile´s last blog ..Miscellaneous Updates My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  4. Comment by Beruthiel — January 8, 2010 @ 2:16 AM

    I’m fairly certain WordPress hosted blogs do not permit running Java functions due to potential ways for hackers to get into things. I remember trying to figure it out awhile ago and someone had explained it on their help forums. You have to self-host in wordpress to be able to add them :) Beruthiel´s last blog ..*Boggle* My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  5. Comment by Cogfizzle — January 8, 2010 @ 2:43 AM

    For guild forums, you can actually get mods (depending on your forum software) that can turn phpBB style tags into item links without having to worry about copy and pasting URLs.

    You’d just write something like [item]Support Girdle[/item].

    While Itemstats was (seemingly) broken around the time when I installed my guild’s forums (I ended up having to write my own phpbb mod), wowhead itself has a page with some tips on how to get wowhead powered tooltips integrated into your forums:

    http://www.wowhead.com/?forums&topic=3464

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  6. Comment by Keeva — January 8, 2010 @ 10:55 AM

    Thanks everyone for your comments.

    It seems that hosted WP blogs are a bit inflexible :/

    I’ll most likely edit the post to say that it’s not possible in WP-hosted blogs, before I add it to the guides page..
    Keeva´s last blog ..How to add Wowhead links to your blog My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  7. Comment by Nefarious — January 9, 2010 @ 2:01 AM

    Beruthiel is correct in saying that you can not add it to Wordpress hosted sites. Unfortunatly the Wordpress people don’t like other people adding javascript to their themes. :( Nefarious´s last blog ..Showy Pants and The Super Group My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  8. Comment by Delleyntar — January 14, 2010 @ 9:11 AM

    Thanks so much again for helping me with this the other day…..i still havent gotten around to making that post but now im glad all my questions led to a blog post to help everyone!
    Delleyntar´s last blog ..Faster…Faster…Faster! When Haste Just isn’t enough My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  9. Comment by Kaethir — January 23, 2010 @ 3:30 AM

    I just attempted to add this script to my blogspot blog… and it doesn’t appear to be working, at least not to me… hrm.
    Kaethir´s last blog ..Icecrown Ramblings, Part 1 My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  10. Comment by Kaethir — January 23, 2010 @ 5:40 AM

    oh, i finally figured it out. With the new blogger xml templates, it’s a little more strict, i had to use single quotes as such:

    src=’http:….’

    Kaethir´s last blog ..Icecrown Ramblings, Part 1 My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  11. Comment by Keeva — January 23, 2010 @ 12:23 PM

    How odd…
    Keeva´s last blog ..Revitalize returns energy to Abom on Putricide My ComLuv Profile

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



  12. Comment by Charity — March 2, 2010 @ 4:56 AM

    Thanks for this. I was putting it in the main index page and it wasn’t working for the full page posts. I was afraid I was going to have to edit a whole bunch of pages to get it to work, but decided to search first and found the answer here. Thanks again!

    VA:F [1.9.2_1090]
    Rating: 0 (from 0 votes)



RSS feed for comments on this post. TrackBack URI

Leave a comment


CommentLuv Enabled