bchrisdesigns

I am not sure if someone else has already posted a tutorial on this, so I thought I would have a go at it. I read this very insightful tutorial by admin Xavier Shay about posting a Portfolio into an email signature.

I was toying around with the code, and discovered how to place the code on your Red Bubble profile page. I have noticed that some people have already figured out how to do this, so there are some who probably already know about this. I, however, did not know this until I toyed around with it and, so, I am sure that there others out there who might find this of value.

I would first recommend that you read Xavier’s post and the comments that follow, as they were a very big help in learning how to do this.

(1) The first step is to use the image location link that was provided in the forum tutorial:

http://redbubble.com/people/username/recipe:banner;back_color:ffffff;orientation:horizontal;limit:4/username_banner.jpg

(2) Next, paste this image location link somewhere in your “About Me” section between exclamation points, like this:

!place the image location link here!

(3) Now, notice the bold areas of the above link. You must insert your Red Bubble username (not your real name) where it says username (there are two spots in the link where you have to do this). So, my link would like like this:

http://redbubble.com/people/bchrisdesigns/recipe:banner;back_color:ffffff;limit:4_;orientation:_horizontal;/bchrsidesigns_banner.jpg

Can you tell where I have replaced “username” with “bchrisdesigns”?

(4) Finally, if you take note of the italicized text in the image location link directly above, you will notice that the values of “back_color”, “orientation”, and “limit” are all italicized. These values are yours to control and manipulate to get the proper look and feel that you would like on your page.

1. back_color: is the image’s background color, which you can change to any color using the standard HTML Color Code. Note, that you do not need to use the # (pound sign) that normally precedes HTML Color Code (i.e. ”#ffffff”) – you just need the code (i.e. “fffffff”). #ffffff is the color code for “white”.

1. limit: is the number of thumbnails that will be seen in your banner. I have experimented with this in my blog and have discovered that the most you can set it to is “6”. On your Red Bubble profile page, the most you can really set it to is “4” for horizontal images and “6” for vertical images

1. orientation: is the way your portfolio will be seen. This can be changed to either “horizontal” (from side-to-side) or “vertical” (up and down).

And, that is it. Once you have decided how you want your image to look, just save your profile and presto! You’ve got a nifty banner on your page.

BUT…

If you would like your banner to be click-able, you need to add a link code to it, such as:

”! image location here ! ( link description here )” : hyperlink here

You can copy and paste this example into your “About Me” section and then fill in the blanks with your information (make sure you delete any and all spaces). In the above example, replace the underlined text as follows:

1. image location here: replace this text with the finalized image location link that we worked on in steps 1-4 above.

1. link description here: replace this text with a description of what you would like people to see when they hover over your banner. (Mine says “View My Red Bubble Gallery”.)

1. hyperlink here: replace this text with the actual hyperlink that you would like your image to link to (i.e. a specific Red Bubble section or your profile page; you can also link to your blog/website/etc.).

Once you replace the text as indicated, simply save your edited profile and check out your radical awesomeness!

Here is an example of mine (with hyperlink):

I hope this helps everyone!

Cheers!

P.S. I am adding this to all of my groups in the hopes that everyone can use this tool to display their beautiful works of art (from Atmospheric Optics to Zoophoria). Much love!