Craig Shillington

[HOW TO] Links and photos in Red Bubble

I thought I would do a separate and hopefully less complicated How To in regards to making links and showing Jpg files in RB. There seems to be a lot of confusion as to how these things work. So find the part you are interested in learning, maybe open up and edit an old Journal Entry and practice. VBS

A URL is simply the text that shows up in your Browser Window Address Bar (up the very top), the line that starts with http:// If I refer to the URL, that is what I am talking about.

ALL CODE IS WRITTEN WITHOUT SPACES Some wrapping of longer lines of code will occur within this Journal Entry, regardless of what the lines look like, code is always one continuous line WITHOUT spaces

TEXT LINKS

Sometimes it’s nice to have a text link when we are conversing to others in Red Bubble to help people share information, or to allow them to see another web page that has something to do with the convo. Maybe you like to include songs from YouTube with your work and want to share those Videos and music with others. Anytime you want someone to be able to link to another webpage somewhere, you can make a line of text (or one word) clickable to that link and it’s really easy to do. :)

All you do is wrap the text you want people to see as a link, in qoutes {“} then add a colon {:} and then the URL. So let’s say you wanted to link to my Porfolio so people can have a look at buying something off me ^HEHEHE ... all you need to do is open up my portfolio page in your browser to get the URL from your browsers address bar and just type the name of the link text wrapped in quotes, followed by a colon, then the url so it would look like this (with no spaces) :

” Craig Shillington’s Portfolio ” : http://www.redbubble.com/people/crackers1967/portfolio

Craig Shillington’s Portfolio is wrapped in quotes, so that is the text people will see.

http://www.redbubble.com/people/crackers1967/portfolio is the link we want the text to click too

When you type that within Red Bubble without the spaces you get this :

Craig Shillington’s Portfolio

So, abbreviated – to make a text link in Red Bubble you would type this in as code:

” text ” : link

Replacing the text and link for yours and no spaces.

DISPLAYING JPG’S GIF’S PNG’S ETC

Please try to keep the size of these files small, both in dimensions and in download size, as if you use a lot of bigger files, the pages you put them on will load more slowly and that might piss people off!!

Okay, you look around and you notice somehow people are actually making it so that you can see the thumbnail photos of thier works, or others have cool little animated gifs showing. Well … if you can bring up a photo by itself in your browser, you can show it in Red Bubble!! And again, it’s really really easy.

If you want to know the link to any photo you can see in your browser window, right click on the image itself (PC Users … sorry Mac users, maybe someone can help me here) and go down to properties. In the window that opens up you will see a section that has the image properties and the location (or URL). That is the link we need to show that image.

I use a little rotating Note near all the links to Videos throughout my Portfolio, so I will be using that as an example here. This applies to ANY image you want to display though.

First, right click on this LINK and open in a new Window or Tab. That way you can still read this and flick back to the link to practice. :)

You will notice at the top of my description for the photo, I have used the Text Link method described above to link to the Video of that Song in YouTube. And right next to that link, to draw attention to the link, I have my little rotating Note :)

Right Click on the little rotating Note and go to Properties. In the box that opens you will see the Image Properties and A URL to the Image. It should be this:

http://home.people.net.au/ ~ casphotography/notes-15.gif

That is the link to where I have the Note.gif Stored. And that is all you need to know for any image, the URL that will show just that image in your Browser. If you copy that link to your browser Address Bar (with no spaces) and hit Enter … all you should see is an empty page with the little note rotating in the top left corner. PERFECT!! If you can open any image in this way, you have the URL in the Address Bar. If you copy a link to your Address Bar and it doesn’t just show the image, something is wrong. Most Image URL will end in JPG, GIF or PNG. There are some exceptions, but there should be one of those somewhere in the URL.

Okay, so we have the URL, how do we make the image show in Red Bubble.

Where you want the image to be shown, paste or type the URL. Then at the very start and the very end of the URL (with no spaces) put EXCLAMATION MARKS {!} So my note would then be (without spaces):

! http://home.people.net.au/ ~ casphotography/notes-15.gif !

And in Red Bubble will look like this:

So, abbreviated – to make an image show in Red Bubble you would type this in as code:

! URL !

Replacing the URL with the URL for the image and no spaces.

IMAGE LINKS

Okay, so we know and understand now how to make links and also how to display images in Red Bubble. If you don’t, go back and understand it because this next bit could be very confusing if you don’t ;)

We know we can show an image, and we know we can make links to text. So can we make an image work as a link? YES!! VBS And it’s sorta easy if you understand what the code is doing and how it works. I will be using my Message Me button link in my profile for this example. Because that is an Image that links to my message board and so you can leave me a message ;)

Here is the link to my Profile The very first button I have in there is the Message me Button. When you click on it, it takes you to my Journal Entry I set up for people to message me in. So I know the link … all I need to get now is the URL of the button. Easy, again, right click the Message Me Button and goto Properties, look at the Image Properties and the URL there … It should be this:

http://home.people.net.au/ ~ casphotography/m.gif

We know from above, to display an image we wrap it in Exclamation Marks, so to show that in Red Bubble we’d type (no spaces):

! http://home.people.net.au/ ~ casphotography/m.gif !

Which will show as:

Okay, we have the image up and working, how do we link to it? Exactly the same way we link to text from above. Simply follow the code with a colon {:} and the link you want people to goto when they click the image. In this case my Message Board:

http://www.redbubble.com/people/crackers1967/journal/show/30445

So the whole line of code would look like this (no spaces .. and ignore the word wrap, this is all one single line):

! http://home.people.net.au/ ~ casphotography/m.gif ! : http://www.redbubble.com/people/crackers1967/journal/show/30445

When typed with no spaces and on one line it looks like this:

So, abbreviated – to make an image show in Red Bubble that links to a URL you would type this in as code:

! URL ! : link

Replacing the URL with the URL for the image, and link for the URL of the link to click to and no spaces.

View all my HOW TO’S

Leia, about 1 year ago

Once again, you’re a star. God knows how you find the time to help everyone else out so much. I’ve got my laptop now, so in a couple of weeks I’m gonna have the time to do my self-portrait shoots! How exciting, now i can be just like all you guys :)
Craig Shillington, about 1 year ago

Wooooooohooooooooo :) :) Way to go Leia :D VBS I can’t wait Girl :D:D VBS
Shanina Conway, about 1 year ago

Wow Craig, you have been busy! Thanks for all this, well this will keep me busy;)
Kyra Webb, about 1 year ago

Thanks heaps Craig! I was wandering how all that worked! :p You’re a gem!
Craig Shillington, about 1 year ago

VBS Thank you for sharing Shanina :) VBS
Craig Shillington, about 1 year ago

Hey Kyra :) No problems :) Make sure you let me know how you go if you implement any of these tips eh :) I like the feedback :) VBS
karolina, about 1 year ago

This is great! can’t wait to try it out…
your work is wonderful btw :)
gaypony, about 1 year ago

tried all your tips on putting pictures or the link to them in my journal.
i press on the links i made and it comes up as page not found.
Craig Shillington, about 1 year ago

Hey there Karolina :) :) You will have to let me know how you go when you set it up :) :) VBS
Craig Shillington, about 1 year ago

GP, I am not exactly sure what the problem is that you are having. I suggested you write me an email so I can see the code you are using and see why it isn’t working for you. Also, you might want to have a look at this [HOW TO] as well, cos it also deals with pictures and linking. :)
LINEart, about 1 year ago

Cool! now I can post my photo in the joural, Thank you Craig
Dennis Klau, about 1 year ago

Hey Craig I hope you don’t mind I linked to your page if people need help linking images etc

My page
Tiffany Dryburgh, about 1 year ago

Huzzah! Thanks Craig and Dennis, this is exactly what I needed. Most grateful.
Janice Elanor ..., about 1 year ago

For Mac users:

If a mac user has a 2-button mouse then the right click menus work the same as they do for windows users (in the Firefox browser at any rate…)
Dragoncat, 11 months ago

Thanks!!! I learn something Everyday , well maybe not every day but just about that Thanks
I’m so Glad to Have found this post!! It sure changes My view about It , I thought that maybe it would be so hard, but you made it easier, thanks I should try doing stuff like that just to see it work for myself, thanks A Bunch!!
Heather, 10 months ago

Thanks Craig, I had a go with your tutorial when posting to “For Critique”. Great info.
AbyssalSoul, 9 months ago

Ah, thanks Craig! This has been really useful. =)
Steven Sandner, 9 months ago

awesome!
Bahoke, 8 months ago

Thank you for doing this!!
By: Cheri Perry, 7 months ago

THank you so much for taking all the time to do this….I know I appreciate it very much. And I know it takes time and patience to help everyone as you do. So a great big THANK YOU and HAPPY HOLIDAYS to you!!
Maree Toogood, 7 months ago

Thanks Craig, even I can make it work!!!!
pentangled, 7 months ago

Craig, you are a star! thanks for making it all so easy :o)
Robin Brown, 6 months ago

Ta very much Craig, it took me a few tries but thats not down to your instructions being unclear its down to me being a bit slow with all the PC stuff.
I now have a link from my Redbubble page to my Artwanted & vice Versa. I could crush a grape.
ScreamingSeagull, 6 months ago

Thanks Craig
Rob McDonald, 6 months ago

thanks lots that was easy. I now have to decide what photos to put there. Looks like I will be spending more time on RB.
Thanks again
Stephen Ryan, 6 months ago

Thank you, your instructions were very clear and helpful. I appreciate the help.
Craig Shillington, 5 months ago

Thanks guys … I am so pleased you are getting something from these HowTo’s :) Any problems or bugs, please let me know so I can update and keep these accurate :)
Andrew Hildebrand, 5 months ago

great! this has really helped me out. thank you
Craig Shillington in reply to Andrew Hildebrand’s comment, 5 months ago

VBS No worries Andrew :) You got it :)
bugsbunny, 5 months ago

thanks for your help mate, but does this url look ok to you? as it dont work for me – help!!
Maggie Hegarty, 5 months ago

Help please Craig or any other mac user.
I’m trying to show examples of images (card, framed etc) underneath the text on my profile page. I understand the instructions but I’m using an iMac without a rightclick mouse. When I press Option and click I am not getting the “copy Image Location” command that pc users get. If I copy and paste the url at the top it doesn’t end in jpg or resemble the url that you have shown us here. It appears under the text on my edit page, then I press save, but no image appears on the profile page.
Craig Shillington in reply to Maggie Hegarty’s comment, 5 months ago

Maggie …. I’ll do some investigations and get back to you asap :) :)
Maggie Hegarty, 5 months ago

Thanks Craig, I appreciate it :-).
Craig Shillington in reply to Maggie Hegarty’s comment, 5 months ago

Hi Maggie. I did a little digging and as far as I can tell (I haven’t used an Apple since I was about 17 years old!!) The PC Right Click on a Mac is Control + click. So hopefully you should be able to Control+Click on the image and it will bring up a properties page. I hope. And hopefully the Image Location will be in there somewhere. Remember, the easiest way to tell you have the right link … is to open that link in the browser and if it shows ONLY that image, that is the correct link. :) Sorry if Control+Click doesn’t work … let me know how you go :) :)
Maggie Hegarty, 5 months ago

Success! So simple when you know what you are doing. Thank you Craig, you are a real Redbubble guru :-)
Craig Shillington in reply to Maggie Hegarty’s comment, 5 months ago

WHEW!!! ;) LOL I really had no idea if that would work or not. ;) I’m glad it did Maggie :)
Craig Shillington in reply to bugsbunny’s comment, 5 months ago

Hey Bugs … I can’t see your URL because it IS a picture to me ;) So I am not sure if it’s how you wanted it to work …. but it DID work :) :)
bev langby, 5 months ago

Wow thanks Graig i wondered how people did that link thingy ,now i can go try it out and i like the way u explain things with examples ,seems thats the only way my old brain will accept new things these days lol
bev langby, 5 months ago

oh buy the way i put this as a favourite cause thats how i found it lol
Craig Shillington in reply to bev langby’s comment, 5 months ago

Awwww Thanks Bev :) :) I am so glad I could be of some assistance :) That’s the important thing .. .sharing so we can create :) :)
bill oneil, 3 months ago

Thanks heaps Craig.

I have just added a couple of framed shots to my profile and your explanations worked heaps easy..thanks again
Olga, 3 months ago

You are such a Sweetheart!!! Thanks for helping so many people!
RosaCobos, 2 months ago

Oh Craig… at last..! How brute I may be…I could do my first ilnk.. thanks a lot.
Now I will have to learn to place the picture….but as I am a Mac user… well do not know …well little by little.
I will have you in mind any time …Curious.. how can I get into one person´s explanations and absolutely not i other´s…Connection!!!! or you tha are more clever..
Rosa
Nacho Garcés, 2 months ago

Thank you thank you thank you
Wesley Picotte, 2 months ago

Awesome. Very, very cool. Is there a lexicon available that lists all of the character sets we can use for this app’s special functions?
Keith Richardson, about 1 month ago

Greg – you’re a gem. Many thanks! Keith
[ raae ]- Minister of Something Super Important, 27 days ago

Your cool ‘how to do stuff’ thingies have helped me yet again!

Thanks x 1000