D R Moorecommunity helper


D R Moore

Written by:

D R Moore
November 30, 2008

TUTORIAL:Creating Links Etc...on redbubble

Creating Text Links
To make your text clickable or link to a web address
Put quotation symbols ” ” on each side of the word/sentence you want to make Clickable and then a Colon : (no spaces), Now put the url (web address) of where you want the clicker to go.
EXAMPLE: "View My Gallery":http//example.redbubble.com
Will give you this View My Gallery
You can also make a Text box appear when hovering over the link by adding text in brackets
Like this "View My Gallery(Go to My Gallery)":http//example.redbubble.com
The text above in ( ) will appear in a box if someone hovers over the link
Like this ( put your mouse over the link but do not click it )
View My Gallery
To use formatting with your text link. Add a space between the formatting symbols and the “
EXAMPLE: "Space*View My Gallery*space":http//example.redbubble.com
will give you this
View My Gallery

Using images in your descriptions ,profile page,etc
First you must know where the image is located (web address)
Example: http://www.mypicture is here.jpg
To use a framed, laminated print, card etc.. image from redbubble click the “show public view” in your “Art” section

then click the “Buy/Preview” Button

Set the image as you wish to use it, Card, Framed print etc…once you are done follow the instructions below to get the web address

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
“right click” the Highlighted text then choose “copy”
or once it is highlighted hold the “control(CTRL)” key and press “C”

You can now paste the image location in the location where you want to use it (right click and select “paste” or hold the Control key and press “V” on your key board) Now put a ! before an after the image location like this !http://www.mypicture is here.jpg!
To make it clickable or linked add the colon : and web address after the !
like this :http://www.your going here.com
The final entry Will look like below
!http://www.mypicture is here.jpg!:http://www.your going here.com
The text box mentioned above can be used here as well by adding your text in ( )
Like This !http://www.mypicture is here.jpg(Have a Look)!:http://www.your going here.com
Will give you this ( Put your mouse over image but do not click to see )
Have a Look

Using Just the Image
To use only the image go to you art section by clicking “My Bubble” then “art”
on you art page find the image you want to use and get the image address or URL as described above
EXAMPLE http://images-3.redbubble.net/img/art/cropped/size:xsmall/view:main/2903258-2-magnolia.jpg

= !http://images-3.redbubble.net/img/art/cropped/size:xsmall/view:main/2903258-2-magnolia.jpg!
To change the size of the image replace the size:xsmall to one of the values shown on the right.
(Click the links for a preview of the size cropped version )
xsmall = 60px × 60px
small = 135px × 135px
xmedium = 200px × 200px
medium = 300px × 300px
large = 550px × 550px
xlarge = 663px × 663px watermarked to use this one you need to remove the /cropped from the image URL
Cropped Version

Not Cropped
 You can also remove cropped/ from the image address to maintain the shape of your image.
Note the sizes may vary depending on your image shape.
Here is a good example why you may want to remove the cropped/ from the image
Notice the cropped version cuts off the cards in his hands but doing this has changed the thumbnail size.

To create a Larger preview link use some text or an image and link it to the xlarge view.
Here is an Image Example be sure to remove the /cropped from the xlarge view

How it works The text I used
View Larger image !http://images-3.redbubble.net/img/art/cropped/size:xsmall/view:main/2412521-3-pink-rose.jpg(View Larger image)!:http://images-3.redbubble.net/img/art/size:xlarge/view:main/2412521-3-pink-rose.jpg

To create a large product preview add /pixelsize:875×440 as shown below
Click here to see BEFORE and AFTER

EXAMPLE (laminated print) URL: http://images-3.redbubble.net/img/art/backgroundcolor:d1d1d1/border:whitewithdetail/pixelsize:875×440/product:laminated-print/size:large/view:preview/2099882-6-resting.jpg
Click Here to preview larger size


Use youtube video on your profile just use the simple code below
youtube:video url or web address of the video

Create a contact link or e-mail me link
Example: "contact me":mailto:myname@myemailaddress.com
Your bubblesite has a contact option, to turn it on
Go to your profile edit page Click here
then scroll down to the e-mail section
and click the box next to
Allow people to contact me via email
Allows visitors to contact you with a form on your BubbleSite. Your email address will not be displayed

After you click it you can go to your bubblesite and on the top where the links are you will see these links
Home Gallery About Contact
Clicking the Contact link will open a new window with the Contact form
If you want to use it on redbubble then use the code below.
but change the username to yours
"Contact me by E-Mail":http://username.redbubble.com/contact
Contact me by E-Mail

Leave me a comment if you still need some Help or

Chat with me on Skype
My User Name
envelope150

To use a Skype live status link copy and paste this text and change the username in bold
Leave two blank lines before and after the code

|Chat with me on Skype|
|!http://mystatus.skype.com/balloon/username.png!|My User Name
username|

Once you get the hang of creating links and posting images give my other tutorial a try. More…… redbubble Formatting [Text wrapping images] Beware this one will frustrate you

Happy Bubbling
Dan

Get the Firefox and Internet Explorer Tool bar for Redbubble Here
See more Toolbar 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

© D R Moore This written work cannot be reproduced or posted on the web without my written permission

  • othermail

    othermail

    Thanks so much, the instructions were so easy to follow, well explained!! I do have one question though, I’ve noticed that some people have added pictures to their description that are on an angle, do you know how to do this?

  • D R Moorecommunity helper replied

    Those images were most likely created using Photo software,
    using 2 layers,1 for the background and 1 for the image with the background image larger than the image to be rotated “Rotate the image layer” flatten image upload to RB and use the link to that image.I made one awhile ago

  • othermail

    othermail

    Thanks so much, much appreciated :)

  • Liesl Yvette Wilson

    Liesl Yvette W...

    wow…you little ripper. great stuff. Those amongst us who are really techi stupid are grateful!

  • Teri Argo

    Teri Argo

    Thank you for the great info. I have followed your steps and I love how my images look on my profile but I can’t seem to link them. I am using IE and I copy the location in the tool bar to link…..but not working. Any ideas?

  • D R Moorecommunity helper replied

    Here is what you would post for “Waiting” linked
    !http://images-2.redbubble.net/img/art/border:whitewithdetail/product:laminated-print/size:small/view:preview/2350719-2-waiting.jpg!:http://www.redbubble.com/people/teria/art/2350719-2-waiting

  • Teri Argo

    Teri Argo

    Thanks so much…...like a dope, I put the asterik in…..got it now, thanks for you help!

  • D R Moorecommunity helper replied

    You are very welcome.
    :)
    Happy Bubbling
    Dan

  • hellofromearth

    hellofromearth

    I would like to add another view of the same photo on the photos page. I tried this but it just shows the syntax. AnyIdeas?

  • D R Moorecommunity helper replied

    try adding a space between the two images

  • Maria Moro

    Maria Moro

    thank you for your assistance,, I’m chicken when it comes to the tech stuff,, thank you,, thank you,,

  • D R Moorecommunity helper replied

    No don’t be a chicken, You can do any of these with a little practice, You will be a pro.

  • easimag

    easimag

    Thanks for this tutorial

  • D R Moorecommunity helper replied

    You are very welcome

  • evee

    evee

    this is the bit i read and was looking for again thanks so much for sending me here

  • D R Moorecommunity helper replied

    You are very welcome, Enjoy

  • bubblehex08

    bubblehex08

    Thank you for this tutorial! Till now I always found the same stuff I knew already, but never got answers to my questions; here it goes a bit further. Does this markup language have a name? Can I find the complete instructions somewhere on the web?

  • D R Moorecommunity helper replied

    I believe it is called textile, but not all of it is accepted on redbubble.
    For my redbubble tutorials I used this site here mostly for reference. I’ve been through all the different formatting listed there to create the two tutorials that are about formatting on RB.
    This one and More…… redbubble Formatting [Text wrapping images]

  • Alex Nance

    Alex Nance

    Very Helpful D R! Thanks

  • D R Moorecommunity helper replied

    Your welcome Alex, Glad to help

  • Very Scary Carnival

    Very Scary Car...

    Big Help!

  • D R Moorecommunity helper replied

    I happy to be of Help :)

  • Larry Llewellyn

    Larry Llewellyn

    Thanks so much appreciate the time to inform us..

  • D R Moorecommunity helper replied

    Your welcome hope that it helps :)

  • Vanessa Barklay

    Vanessa Barklay

    Hi, I’m not finding it easy at all! Sorry, maybe you can help me, I would like to add a Framed print image of The Fairy – Too Cold For A Dip Today.

    I have this as the URL from clicking Properties – http://images-2.redbubble.net/img/art/framecolor:black/framestyle:flat30

    Now what? This does not seem to represent what you have written above in this part:

    You can now paste the image location in the location where you want to use it (right click and select “paste” or hold the Control key and press “V” on your key board) Now put a ! before an after the image location like this !http://www.mypicture is here.jpg!
    To make it clickable or linked add the colon : and web address after the !
    like this :http://www.your going here.com
    The final entry Will look like below
    !http://www.mypicture is here.jpg!:http://www.your going here.com

    How does www.mypictureishere.com equate with http://images-2redbubble etc
    The www is throwing me off.
    Can you help me and tell me what to write!? Please.

  • Vanessa Barklay

    Vanessa Barklay

    Never mind, you are SAVED!! I DID IT!!! Yeah me, that was soooo hard for me, i am very html illiterate. I am so happy, thank you for the tutorial, I finally understood it!!

  • D R Moorecommunity helper replied

    I’m glad to see that you got it.
    :)

  • FelicityB

    FelicityB

    Thanks very much indeed for this wealth of information – I can now create links!!

  • D R Moorecommunity helper replied

    You are very welcome :)

  • drec

    drec

    I sort of got the links down pat, is there a way to align small images similar to the 9 square view on your profile page? I would like to have these aligned and with the title of sets underneath the image. Or is this not possible(click and have a look at my profile and you’ll see what I mean).
    Thanks for taking the time to write these things and for the link for wise stamp to.

  • D R Moorecommunity helper replied

    Yes you can, I had a look at your profile and then I sent you a bubblemail :)
    Make sure you read that bmail before you start
    you have great gallery of images
    Here is the journal TUTORIAL: More…… redbubble Formatting [Text wrapping images]

  • RosaCobos

    RosaCobos

    You are a gold mine…
    Must thank you for all the effort about informing and helping…
    I have not made yet the banners but I am sure that they will get along..
    In case… of … “swamping”... I may need some “scrutches”....
    A hug!!
    Rosa

  • chazz

    chazz

    Very Nice!!!

  • D R Moorecommunity helper replied

    Thank you

  • Chris Nies

    Chris Nies

    Neat tutorial, understand it perfectly but ….
    when creating a link to another URL can you make it come up as a new tab in your browser?

  • D R Moorecommunity helper replied

    Thanks…..
    The only way I know a new tab can be used is if the person clicking the link holds the control(CTRL) key.

  • Chris Nies

    Chris Nies

    Thanks for that, it does work, was hoping there was something that could be put in the code with the link but for now I’ll hold the control key. Thanks again.

  • linsads

    linsads

    Hi I appear to have stupidly erased the ‘add to watchlist ’ link on my profile so no one can add me to their watch list anymore. Is there a way to get it back? or have i cocked it up for good LOL. heres hoping you can help me. thanks Lindsay

  • D R Moorecommunity helper replied

    Hello Lindsay,
    Your ‘add to watchlist’ is still there I went to your profile and checked…You may not be able to see it when you are logged in….

  • linsads

    linsads

    Oh thats great, i was trying to streamline my profile by taking the clutter off and thought i had wiped that link as well ! thanks so much for getting back to me so quickly ,you are a star xx

  • terezadelpilar

    terezadelpilar

    great, thanks a lot!

  • Casey Herman

    Casey Herman

    Thanks for your tutorial … great advice, very easy to follow! Magic!!

  • FailingMemory

    FailingMemory

    Wonderful. A great help.

  • Ambur Fraser

    Ambur Fraser

    Thank you for this :)

  • Colleen Farrell

    Colleen Farrell

    I can’t figure this out; maybe I’m on the wrong tutorial. I’m using Safari. What I want to do is have a grid of little square images on my profile, each one clickable to go to the image in my gallery. I’m able to add an image of a greeting card, etc. but when I follow your instructions to add just an image, I never get a URL that includes a size, as you show: EXAMPLE http://images-3.redbubble.net/img/art/cropped/size:xsmall/view:main/2903258-2-magnolia.jpg

  • D R Moorecommunity helper replied

    Hi Colleen to get the URL for your images go to your “Art” page and right click the images you want to use from that page….Click Here to go there Now then follow the instructions above to send the person clicking the page you want them to go to…
    Hope that helps
    Dan

  • Colleen Farrell

    Colleen Farrell

    Oh, great! I was going to the public view and then the buy/preview link, etc. Got it now! Thanks so much, Dan!

  • NoahsSpirit

    NoahsSpirit

    Thanks! This is a great tutorial and really helpful!

  • NoahsSpirit

    NoahsSpirit

    May I ask you one question?
    How do you do those thick lines to separate the text blocks? I’ve had a look on the website code but it only says where the line should be. I wanted to try that on my profile but it didn’t work.

    Could you please let me know how you did those lines? That would be really kind of you! Thanks!

  • D R Moorecommunity helper replied

    Hi Kathrin that part is included in one of my other Tutorials
    TUTORIAL-Working with text [Formatting]

    to do it you use 3 * with a blank line above and below the 3 * and that will give you a line across the page.
    Hope that helps
    Dan

  • NoahsSpirit

    NoahsSpirit

    Thank you very much!

  • Maggie Hegarty

    Maggie Hegarty

    Hi Dave,
    Great tutorial but I’m having trouble making the Visit My Gallery link. I’ve tried both versions in your tutorial but when I test them I get the Redbubble “This page is not available” message. Any suggestions?
    Maggie.

  • D R Moorecommunity helper replied

    The code below is what you want to use if it is not working try erasing the ” and replacing them with a new one sounds funny but it has worked for others in the past.

    "Visit my gallery":http://www.redbubble.com/people/mhegarty
    Below is what the link will look like…
    Visit my gallery

  • Maggie Hegarty

    Maggie Hegarty

    Thank you for your quick reply Dan, I tried your suggestions, but it’s still not working.
    What I’m trying to do is edit my public view to direct viewers to my bubblesite – so I was typing Visit my gallery Is that correct? I probably should be using the word bubblesite, not gallery, but the words aren’t the problem it’s the code that I’m messing up. Visit my bubblesite appears on my public view underlined and clickable, but doesn’t open my bubblesite.

  • D R Moorecommunity helper replied

    Thank you for directing me to the problem….I checked it out and see that you have used http://www.redbubble.com/people/http//.mhegarty.redbubble.com/
    and your bubblesite address is http://mhegarty.redbubble.com and of coarse you can change the text to ‘See my Bubblesite here’ or whatever you wish so with all that said your code should look like this
    "See my Bubblesite here":http://mhegarty.redbubble.com
    Hope that helps
    Dan

  • Maggie Hegarty

    Maggie Hegarty

    Thank you for your patience and help Dan, it is great to have people like you willing to help those of us who need it.
    Maggie.

  • D R Moorecommunity helper replied

    You are very welcome and I’m glad I could help :)

  • o0OdemocrazyO0o

    o0OdemocrazyO0o

    thanks for your time and Wisdom… :D

  • Daniel Bullock

    Daniel Bullock 5 days ago

Add your comment

You need to login or signup to add your comment to this work.