D R Moore

Welcome to my longest tutorial so far.
This Tutorial has a lot of information in it That makes it seem harder than it is be patient but I know you can do it.
Using small pictures of mounted prints, posters, matted prints, canvas prints, shirts or cards.
To do this you will need the Picture Number
To get this go to your “art” section and find the image you want to use right click it to get the web address(URL)
It will look similar to this
http://images-3.redbubble.net/img/art/cropped/size:xsmall/view:main/2472080-2-lavendar-rose.jpg
The number in BOLD in the example above is the picture number, use it in the below examples where it says PICTURENUMBER

NOTE: The codes used in this journal can not be copied and pasted it will not work To get the small previews to work you must right click these images to get the Web address or URL (see how below), Or once you create your small previews you can right click those.

If using firefox simply right click the image and select “copy image location”

Using Internet explorer right click the image then select “Properties”

A Properties box will appear copy the Address(URL) High lighted in blue

Select the text and then “right click” the Highlighted text then choose “copy” or once it is highlighted hold the “control(CTRL)” key and press “C”

To paste the web address press “ctrl+V” or right click where you want it to go and select “paste”

I’ve also included the HTML code for using these on the web.
You can copy and paste these
Then just paste the web address you got above where is says
paste image location here and Change the PICTURENUMBER
The options can be changed at anytime.

All of the examples I provided will go to your profile page.
If you want them linked to your bubblesite you will need to know the set number
of where the images are.
To get the set numbers go to your bubblesite “gallery” and right click a set (folder)
select “properties” in the box that appears you will see the web address (URL) for the set (folder)
EXAMPLE: http://USERNAME.redbubble.com/sets/7279/works
The number in Bold above is the set number.

Below are examples of where to put the link.
Note:The USERNAME, SETNUMBER and PICTURE NUMBER needs to be changed to your information
To use on the web (linked to bubblesite)

<a href="http://USERNAME.redbubble.com/sets/SETNUMBER/works/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Here is the version for RB (linked to bubblesite)

!paste image location here!http://USERNAME.redbubble.com/sets/SETNUMBER/works/PICTURENUMBER
BONUS TIP Make a super small preview by using /pixelsize:60×60
http://images-0.redbubble.net/img/art/backgroundcolor:f7f7f7/backingcolor:white/pixelsize:60×60/product:greeting-card/view:preview/2472080.jpg

---

CARDS

grey background	black background	white background

Here is an Example of a card image location with a black background

http://images-0.redbubble.net/img/art/backgroundcolor:000000/backingcolor:white/pixelsize:170×180/product:greeting-card/view:preview/2389415.jpg

To use it on redbubble
!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Don’t forget to use your picture number

Options
To change the background change the backgroundcolor:
!http://images-0.redbubble.net/img/art/backgroundcolor:f7f7f7/backingcolor:white/pixelsize:170×180/product:greeting-card/view:preview/PICTURENUMBER.jpg!

Colors
	for Grey use backgroundcolor:f7f7f7f7 for Black use backgroundcolor:000000 for White use backgroundcolor:ffffff

To change the background of the card for those cards that don’t fit the layout of the RB card change the backingcolor:white or backingcolor:black

EXTRA Adding the backgroundcolor: examples from above to the large card preview will also change the background.
Example!http://images-2.redbubble.net/img/art/backgroundcolor:000000/backingcolor:white/product:greeting-card/view:preview/2333688-5-great-blue-heron-ii.jpg!
Will give you this

---

Mounted Prints

no border	border white w/details large image	border black w/details small image

Here is an Example of a mounted print image address with a white border with details

http://images-3.redbubble.net/img/art/pixelsize:170×180/border:whitewithdetail/product:mounted-print/size:large/view:preview/2324884.jpg

To use it on redbubble (No border)

!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web (No border)

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Options
Change the border:noborder
for White border with details border:whitewithdetail
for Black border with details border:blackwithdetail
You can also change the size of the two images that have a border
by changing the size:small
to size:medium or size:large

---

Framed image

Cherry/Black Large	Cherry/white Medium	Cherry/Off White Small

Here is an Example of a framed image address with a white background, cherry frame, black matte and a large image.

http://images-2.redbubble.net/img/art/backgroundcolor:white/framecolor:cherry/framestyle:flat30/mattecolor:black/pixelsize:170×180/product:framed-print/size:large/view:preview/2001857.jpg

To use it on redbubble

!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

OPTIONS
Change the frame color by changing framecolor:

Frame Colors
	framecolor:cherry framecolor:black framecolor:charcoal framecolor:mocha framecolor:walnut

Change the matte color by changing mattecolor:

Matte Colors
	mattecolor:off%20white mattecolor:bright%20white mattecolor:black

Change the size of the print image by changing size:

Image Sizes
	size:small size:medium size:large

The background can also be changed by changing the backgroundcolor:white

Colors
	for Grey use backgroundcolor:f7f7f7f7 for Black use backgroundcolor:000000 for White use backgroundcolor:ffffff

---

Laminated Image

Black w/Details Small	White w/Details Medium	Black w/Details Large

Here is an Example image address of a Laminated print with a small image and a black border with details

http://images-3.redbubble.net/img/art//pixelsize:170×180/border:blackwithdetail/product:laminated-print/size:small/view:preview/2294839.jpg

To use it on redbubble

!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Options
Change the border:
for White border with details border:whitewithdetail
for Black border with details border:blackwithdetail
You can also change the size of the two images that have a border
by changing the size:small
to size:medium or size:large

---

Matted Prints

Black	White	Off White

Here is an Example matte print with a black matte

http://images-3.redbubble.net/img/art/mattecolor:black/pixelsize:170×180/product:matted-print/size:medium/view:preview/2472080.jpg

To use it on redbubble

!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Options

Change the matte color by changing mattecolor:

Matte Colors
	mattecolor:off%20white mattecolor:bright%20white mattecolor:black

---

T-Shirts / Clothing

Here is an Example image address of a white men’s T-shirt with a black background.

http://images-1.redbubble.net/img/clothing/backgroundcolor:000000/pixelsize:170×180/bodycolor:white/product:tshirt/size:large/style:mens/view:preview/2478267.jpg

To use it on redbubble

!paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web

<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

Options
The background can be changed by changing the backgroundcolor:

Background Colors
	for Grey use backgroundcolor:f7f7f7f7 for Black use backgroundcolor:000000 for White use backgroundcolor:ffffff

The Preview Style can be channged by changing the style:

Style
	long sleeve style:longsleeve short sleeve style:mens V-neck style:vneck Girly Fitted Short Sleeve style:womens

The Preview Color Can be changed by changing bodycolor:
Note each T-shirt style may have Different color options

Body Colors
style:womens style:mens	Colors
	bodycolor:white bodycolor:creme bodycolor:silver bodycolor:lemon bodycolor:aqua bodycolor:babyblue bodycolor:lightpink bodycolor:heathergrey bodycolor:gold bodycolor:grassgreen bodycolor:teal bodycolor:red bodycolor:kellygreen bodycolor:raspberry		bodycolor:asphalt bodycolor:army bodycolor:cranberry bodycolor:brown bodycolor:forest bodycolor:navy bodycolor:black

style:longesleeve	Colors
	bodycolor:white bodycolor:pink bodycolor:heathergrey bodycolor:asphalt bodycolor:brown bodycolor:navy bodycolor:black

style:vneck	Colors
	bodycolor:white bodycolor:lightpink bodycolor:heathergrey bodycolor:asphalt bodycolor:cranberry bodycolor:brown bodycolor:navy bodycolor:black

EXTRA using the backgroundcolor: on the large view will change those as well
EXAMPLE http://images-0.redbubble.net/img/clothing/backgroundcolor:000000/bodycolor:white/product:tshirt/size:large/style:mens/view:preview/2478267.jpg

---

Canvas no options

To use it on redbubble (linked) !paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web (linked)
<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

---

Posters no options

To use it on redbubble (linked) !paste image location here!:http://www.redbubble.com/products/configure/PICTURENUMBER

To use it on the web (linked)
<a href="http://www.redbubble.com/products/configure/PICTURENUMBER"><img src="paste image location here" alt="" /></a>

BONUS TIP You can create a large preview by changing the pixel size
from pixelsize:170×180 to pixelsize:875×440 Click here to see an Example
Thanks for reading my longest Tutorial so far.
Hope you find it useful
Happy Bubbling
Dan
NEW Tutorial Using Small Product Preview II
Here is an easier way to use small previews but only for Framed Prints, T- Shirts, Calendars and Canvas Prints

Need More Help? Chat with me on Skype
	User Name envelope150

Get the Firefox and Internet Explorer Tool bar for Redbubble Here
See more info

See all my How-to’s Here

Includes “Framed image on Bubblesite home page”, “Adding Calendars to your bubblesite”, “feedjit Live Traffic Feed”, “Using tags on Redbubble”, “Add a visitor counter to your bubblesite or profile page” and More

Please don’t Copy and paste this written work as that would really hurt my feelings :)
you can copy the link below and paste it if you would like to share with others on Redbubble
"Using Small Product Previews":http://www.redbubble.com/people/envelope150/journal/2502507-tutorial-using-small-product-previews
or on the web
<a href="http://www.redbubble.com/people/envelope150/journal/2502507-tutorial-using-small-product-previews">Using Small Product Previews</a>