How To add a popup message to your hyperlinked Pictures
Have you noticed, that if you hover your mouse cursor over any image in RB a popup appears with the following information: Image Title by Artist’s name? Have you wondered how RB does this and also, how can you use this information?
The good news is, it is not difficult and you can include any text message that you want.
Have a look at the image below and move your mouse cursor over the image.
Did you see the popup? You can add any message you like to any of your images. I should stress that this will not work on the normal RB viewing pages (other than in your image description area), however, you can add hyperlinked images to your Profile page or you could include them in Journal entries or replies to comments
If you want to know how to do it, follow the instructions below. It is a little complicated, but like all things, with a bit of practice, it will become easier.
First, let’s look at the example.
You need to look at my previous Journal entry Adding a frame around your pictures. This will give you the method for making the framed pictures.
Now we need to add the Hyperlink to the framed pictures.
The method is as follows:
It is best to create your links in the Notepad application on your PC. I need to explain it, because if I type it here exactly as you need to do, RedBubble will convert the link into a real Hyperlink in my Journal page.
- Type an exclamation mark (!)
- Then paste the URL for the framed picture directly after the exclamation mark (make sure you have no spaces).
- Now you will add your popup message – it needs to be enclosed in brackets. For instance, (Click here to be taken to the image page)
- Type another exclamation mark (!)
- Follow this with a full-colon (:)
Next, in RedBubble, you need to go to the Public View of the picture you want to link to.
Copy the URL (It is at the top of the screen and starts with http://) into your mouse buffer (highlight the URL, right-click your mouse and select Copy from the list that appears).
Paste this URL directly after the full-colon (remember, NO spaces anywhere other than in your popup message text).
In simple terms:
- The hyperlink element (the URL pointing to the picture) that you want to see on the page, and the bracketed popup message must be enclosed in a set of exclamation marks (!)
- At the end of this element, you need to type a full-colon (:)
- Next thing you need is the pointer (the URL of where you want to point – this can be a picture or a web page)
Example (you would need to fill in the URL information, and remove all superfluous spaces):
Picture example
! URL of picture you want to see(Popup text)! : URL of picture you want to hyperlink to
So, to recap:
– exclamation mark
– URL for the framed picture
– bracketed popup text
– exclamation mark
– full-colon
– URL for your final picture
Once you have typed it all into Notepad, highlight all of the text and copy it to your mouse buffer.
Paste the copied information into RB.
That should be it. Make sure to check that it all worked.
This example shows how to turn a framed picture into a hyperlink, but the method can be applied to any of the other types of pictures in RedBubble.
Let me know if you have any problems.
Now, while I have your attention:
Look into the monitor, looks straight at the monitor, don’t look around the monitor. OK, now you are under. Repeat after me:
MUST BUY TOM’S WORK, MUST BUY TOM’S WORK, MUST BUY TOM’S WORK.
Now as soon as you have completed your order, you will be back in the room and will remember none of this – hehehe.
Cheers,
Tom
You can find all my How To Tutorials by clicking here.
JamieGreen
Nice one Tom, you are a star..
Tom Gomez replied
Cheers buddy, I like to share the knowledge …
Finbarr Reilly
Cheers for that:)
Tom Gomez replied
You are very welcome my friend …
anaisnais
Thanks Tom knew most of it but not framing nor changing text that pops up…
Tom Gomez replied
Thanks Anna-Marie, I hope you find the tutorials useful …
Catherine Veal
nice bit of info Tom.x
Tom Gomez replied
Thank you Catherine …
Martina Fagan
Cheers great to know this stuff Tom:))
Tom Gomez replied
Thank you Tina, it took me a while to find all this stuff out, so I thought I would share it …
warriorprincess
Thanks Tom, will save this and give it a go. Always appreciate when people share what they’ve learnt with others! Cheers :-)
Tom Gomez replied
Thank you so much, I hope you find it useful …
Irene Burdell
It looks terribly complicated to me , I don’t even know what a Hyperlink is . I think I will pass Tom thanks anyway . x
Tom Gomez replied
Hehe, somehow I think you are way smarter than you like to appear …
Irene Burdell
I am a blonde Tom , well sort of . lol
Tom Gomez replied
I’m getting quite blonde myself – sort of – hehehe
Irene Burdell
I may copy it down and have a go when I get a few spare hours hahaha.
Tom Gomez replied
It will take you no time at all and you already know how to do hyperlinks. You have added several to your Profile page. You just need to make the connection on how to use a picture rather than text for the hyperlink.
Peter Lusby Ta...
Tom- This is very useful, it should be referenced in the main help section of RB, have you thought of signing on as a consultant??? it would save people masses of time.
Tom Gomez replied
Cheers Peter, I hope you find it useful. As for being an RB Consultant, I think you need to be invited …
Carlos Teófilo
Hi my friend! You are the best! Best regards.
Tom Gomez replied
Thank you so much Carlos, your visits are always appreciated…
BarbaraManis
Thanks for sharing your knowledge, Tom. You are the best!
Tom Gomez replied
Thank you dear Barbara …
Pat Yager
Tom, you have an impeccable way of explaining complicated processes in a very clear, uncomplicated way. Must be your Scottish blood! This tutorial is SO helpful! Thank you.
Tom Gomez replied
Thank you for your kind words Pat, but the reason for my methodical approach to tutorials is that I am a Technical Author and Technical Trainer by profession …
Jan Timmons
Ah, a technical author and trainer! Well done. No wonder you use apostrophes correctly. I’m a lapsed tech editor. Thanks for this tutorial.
Tom Gomez replied
You are most welcome Jan, thanks for the great comment …
John44
Very useful Tom!!
Tom Gomez replied
Thank you John, I hope you find it useful …
Sharon Mau
Fantastic information Tom, mahalo for the wonderful tutorial!!
Tom Gomez replied
Aloha Sharon, so glad you find it interesting.
Aloha `oe from Scotland
Cindirelli
This is great, Tom ~ thank you so very much for sharing this information with all of us! Oh ~ by the way ~ don’t cash that check ~ it’s from a closed bank account!!! LOL Love your sense of humor! ~:)
Tom Gomez replied
Darn it, you woke up too soon. Thank you Cindi, much appreciated …
Matt Simner
Blimey – can’t believe I missed this – I’ve been looking for how to control alt/title tags for ages in RB links – thanks!
Tom Gomez replied
Thank you Matt, glad you find it useful …
Blair Wainman
Excellent tutorial…user-friendly!!
Tom Gomez replied
Thank you Blair, kind of you to say so …
Stephen Mitchell
I do commend you for showing new users how to utilise TEXTILE within Redbubble.
PS. I learnt this attribute via trial&error (and was teaching fellow redbubblers) about 2 years ago.
Tom Gomez replied
Thank you Steven, much appreciated. The problem with RB is its size, all the information you may need is out there somewhere, but it can be hard to find.
Like you, most of what I have discovered is through trial and error. The converter is extremely useful and something I wil most definately use. Thanks for showing it to me.
Rebecca Bryson
You explained that rather well….I will give it a shot later, already know how to create a text link and photo link, this will be nice to add to my knowledge base thank you so much!
Tom Gomez replied
Thank you Rebecca, I hope you find it useful …
Magee
Thanks for your thoughtfulness Tom. Concise, and extremely helpful.
Tom Gomez replied
Thank you Magee, much appreciated …
Sharon Perrett
Wow thank you so much, I already knew how to do the framed pic, so this was easy especially with your clear and precise instructions. Thank you so much for taking the time to explain it, much bubble love to you :))
Tom Gomez replied
Thank you so much Sharon, I’m glad you find it of use …
raindancerwoman
Thanks for the info :)
Tom Gomez replied
You are very welcome, I hope you find it useful …
Xandru
Thanks a lot Tom. Always wanted to know how to do those small pop-ups.
Tom Gomez replied
You are very welcome Xandru, I hope it is useful to you …
Sylvia Gonzales
Thank you so very much for all your help, your Awesome!
Tom Gomez replied
Thank you for the great comment Sylvia ..
Robin Brown
To much info Tom but its quality info so I’ll try a Fav in case I need to pop back & confuse myself!!
Tom Gomez replied
Just take it slowly Robin, everything is easy with practice …
Robin Brown
Now I could make a smutty remark Tom but Mrs ‘B’ is right behind me cos I’m suposed to be doing chores!!!!!!!!!!!!
Tom Gomez
Now now, remember this is a family site – hehehe
Rita Agostinelli
Thanks for this great information!! :))
Tom Gomez replied
Thank you Rita, I hope it is useful …
terezadelpilar
really really good TOM!!!! thanks a lot!!
Tom Gomez replied
Thank you so much Tereza, I hope you find it useful …
NatureGreeting...
Thanks so much for sharing this info, Ron! I will fav it for future use, Carolyn
Tom Gomez replied
Thank you Carolyn, I hope you find it useful.
Tom