Tuesday, March 4, 2014

How to Link, Resize, and Save Zazzle Images

Zazzle makes it very easy to link to images.  Here's how...


First, go to the product you want to link to.  To the right (or sometimes underneath) the product, you will see a "Share" button.  Click it.  Then click the "Link To This" button or tab.  That should bring up the following screen...



You can see, there is HTML code you can add to your blog or website, and BBC code you can add to many forums, including the Zazzle forum.   You can select a large or small image.  The large will be 325 pixels and the small 125 pixels.  You can simply highlight the code and paste it in the HTML editor of your blog.  If you want to save a picture of the product, you can right click on it from this screen and save it.

But what if you need it in another size?  All Zazzle image URLS can be tweaked to create a different size.
I'll show you how, but first, lets look at the different parts of the code so you can tell which part does what.


<div style="text-align:center;line-height:150%"> <a href="http://www.zazzle.com/heart_of_flowers_ornaments-175357796143474991?rf=238984407003792011"> <img src="http://rlv.zcache.com/heart_of_flowers_ornaments-rfaa50f5381ee4a78b3df1aa6421ed9c1_x7s21_8byvr_325.jpg" alt="Heart of Flowers Ornaments" style="border:0;" /> </a> <br /> <a href="http://www.zazzle.com/heart_of_flowers_ornaments-175357796143474991?rf=238984407003792011">Heart of Flowers Ornaments</a> by <a href="http://www.zazzle.com/scribbleprints*">scribbleprints</a> <br /> <a href="http://www.zazzle.com/custom/ornaments?rf=238984407003792011">Make your own Christmas ornaments</a> online. </div>

Here is what all the sections do:

  • The orange section sets the style...it makes it centered, etc.
  • The pink and purple section is what makes the image and links it to the page.  The pink is the part that creates the link.  The purple is what makes the picture show up.
  • The green is what makes all the links and text at the bottom show up.
  • The black <br/> tags mark a new line...without them this would all be on the same line.
OK, now that that's covered, lets just look at the image URL....

 <div style="text-align:center;line-height:150%"> <a href="http://www.zazzle.com/heart_of_flowers_ornaments-175357796143474991?rf=238984407003792011"> <img src="http://rlv.zcache.com/heart_of_flowers_ornaments-rfaa50f5381ee4a78b3df1aa6421ed9c1_x7s21_8byvr_325.jpg" alt="Heart of Flowers Ornaments" style="border:0;" /> </a> <br /> <a href="http://www.zazzle.com/heart_of_flowers_ornaments-175357796143474991?rf=238984407003792011">Heart of Flowers Ornaments</a> by <a href="http://www.zazzle.com/scribbleprints*">scribbleprints</a> <br /> <a href="http://www.zazzle.com/custom/ornaments?rf=238984407003792011">Make your own Christmas ornaments</a> online. </div>

There is a number in it.  Changing that number will make the image a different size.  For example....


If I change the image URL to http://rlv.zcache.com/heart_of_flowers_ornaments-rfaa50f5381ee4a78b3df1aa6421ed9c1_x7s21_8byvr_200.jpg  (changes in bold purple), it will look like this....


Heart of Flowers Ornaments
Heart of Flowers Ornaments by scribbleprints
Make your own Christmas ornaments online.


And if I change the image URL to http://rlv.zcache.com/heart_of_flowers_ornaments-rfaa50f5381ee4a78b3df1aa6421ed9c1_x7s21_8byvr_500.jpg  it will look like this...

Heart of Flowers Ornaments
Heart of Flowers Ornaments by scribbleprints
Make your own Christmas ornaments online.


Images 500 pixels or over will sometimes show a Zazzle watermark.  

If you want to save an image at any size, just copy the image URL to your browser window, right click on the image, and save it.  

No comments:

Post a Comment