Skip to content

Eyes right!

Wednesday 11th March 2009

If you direct your attention to the right for one moment… no, down a bit more, just under the Archives…. There, that’s it, the lovely pictures!  The lovely pictures that link to their Etsy listings, in a new window. 🙂

While WordPress doesn’t allow me to add an Etsy Mini to my blog, it does allow me to add the “text” widget, that can hold text AND HTML.  So, in case you’re interested in doing the same, the very simple code for doing so is:

<a href="http://www.etsy.com/view_listing.php?listing_id=21923298"
target="_blank"><img src="http://ny-image0.etsy.com/il_430xN.60238328.jpg"
width="250" alt="Japanese bracelet" /></a>

Broken down,

<a href="http://www.etsy.com/view_listing.php?listing_id=21923298"

is the link to your listing, followed by

target="_blank">

which makes it open in a new window/tab.  Then

<img src="http://ny-image0.etsy.com/il_430xN.60238328.jpg"

is the link to the image, which you can get by right-clicking on the picture you want and choosing “copy link location” (in firefox; anyone know what it is in IE?).

width="250" alt="Japanese bracelet" /></a>

The <width> tag sizes the image; I’m only specifying width as I want the picture to resize evenly so it’s not squashed or stretched.  And the <alt> tag is the alternate text; it’s optional but good practice to have, so just put a brief description of the photo.

And there you go.  Copy this into the text widget, click done and then save changes, and you can have some of your listings displayed on your WordPress blog permanently 🙂

Unfortunately these images won’t automagically update when you add new items like Etsy Mini, but you can update them as often as you want.  Just below my pics I have an RSS feed with the titles of the three latest listings in my shop, as a compromise.

9 Comments leave one →
  1. suzini permalink
    Thursday 12th March 2009 02:21

    Thanks for the tip, and your jewelry is lovely!

  2. kellicraftstudio permalink
    Sunday 15th March 2009 00:03

    Very informative. Thank you.

  3. emilyink permalink
    Saturday 21st March 2009 12:45

    thank you so much for this! I have added a version to my blog 🙂

  4. kimberlily permalink
    Monday 23rd March 2009 16:44

    Thank you for sharing your tutorial 🙂 I just added it to my blog as well.

  5. Sunday 5th April 2009 12:23

    Thank you for the code. I went ahead and put it in my page post as the top tap links directly to it. This was very helpful thanks!

  6. Saturday 18th April 2009 19:47

    I can’t thank you enough!!! I’ve tried EVERYTHING! and I actually like this better the larger images! Thankkkkk you so so much!

  7. Wednesday 29th April 2009 15:45

    This is wonderful! I’m considering a move to WordPress so this is just great…and your jewelry is lovely too 🙂

  8. Tuesday 5th May 2009 05:56

    Thanks for this tutorial! Next question… how did you get the online shop feature to show up?

    • Tuesday 5th May 2009 08:27

      You’re very welcome 🙂 Not sure which “online shop” bit you mean, but if it’s the link to Etsy in the blogroll with the heading “Online Shop”, that’s achieved thru’ using categories on the blogroll. And if you mean the text at the top under the header, pointing to my shop, that’s done using a text widget and using html to make the link to my shop clickable.

      If I’ve completely misunderstood what you were asking, please let me know and i’ll try to help 🙂

Leave a comment