BYRON

HOW TO: CREATE A GRAPHIC-LINK by BYRON

Posted on March 24, 2010

Part 1: Select the Image for the Graphic-Link

1. Right-Click on the Thumbnail of the image you want to use as a Graphic-Link.
You will get a drop-down menu, choose PROPERTIES.

2. The “Properties Dialogue Box” will appear, now use your mouse to SELECT (highlight) the html (“Address/URL”) of the image. This is the bit that looks like:

http/ blah blah blah.jpg

If you can’t find it, it is the bit that ends with .JPG

3. Right-Click and select COPY from the drop-down menu.

4. Goto the forum or Bmail or wherever you want to post the Graphic-Link.

5. Right-Click in the Text Box and select PASTE from the drop-down menu.

6. Put a " ! " at the start and the end of the pasted html.

It will look like this, but WITHOUT the spaces:

! http://ih2.redbubble.net/work.500316.7.flat,135... !

6a. Save this post, so you can come back to it later to complete the Graphic-Link.

Part 2: Select the Address you want to link to.

7. Goto the page or image you want link to.

8. SELECT and COPY the Address from the Address Bar in your browser.

It will look like this:

http://www.redbubble.com/people/byron/art/50031...

9. Return to the post where you want to create the Graphic Link.

10.Put a " : " (a colon) immediately after the Image URL, then Right-Click and PASTE the Address/URL from Step 8 above.

It will look like this, but (you know it…)WITHOUT the spaces:

! http://ih2.redbubble.net/work.500316.7.flat,135...! : http://www.redbubble.com/people/byron/art/50031...

The result looks like this:


HOW TO: POST A FRAMED-IMAGE

HOW TO: POST AN IMAGE – VARIABLE SIZES

HOW TO: CREATE A TEXT-LINK

HOW TO DO TEXT FORMATTING ETC IN REDBUBBLE


A NOTE FOR MAC USERS…

Mac users (generally) only have a single button mouse. You can use the following technique to access URL addresses neccessary for these techniques:

  1. Hold down the CTRL key and then click on the image.
  2. The drop down menu will now appear.
  3. Click on COPY IMAGE ADDRESS.
  4. Follow rest of the process as described in each Tutorial.

If you are still having problems, check out this completely-neat-sweet-cheat-sheet by WEBGRRL


  • Diana-Lee Saville

    Diana-Lee Saville

    You have been busy :))

  • Michael McCasland

    Michael McCasland

    Again, and again, again. You are a great help for all of us who are, shall we say, not quite in tune with the more technical aspects of rb. Thank you!

  • BYRON:

    Anything I can do to help,just Bmail me and l’ll see what I can do!

  • eoconnor

    eoconnor

    thanks byron I can do some of this now but need to learn others thanks again LIZ

  • BYRON:

    if you have any probs or just want to practice… send me a bmail!

  • eoconnor

    eoconnor

    will do byron ,we are getting a new computor today so will be getting up to speed on it first our old one is now 8 and we will retire it .sure hope i can be on again by tomorrow LIZ

  • yeimaya

    yeimaya

    Wow is this ever complicated! I’m a long time flickrite and they do a lot more of the work for us I guess. Thanks so much for linking me here.

  • BYRON:

    If you wanna practice this, just send me a bmail with your practice links… or ask any questions about stuff you don’t understand!

  • Helen Vercoe

    Helen Vercoe

    OMG – you rock!!! After a few false starts (due to me ineptness with computer talk or I guess in this case my comprehension/readin skills!!! lol) I have finally got it!!!! Yee haaa :D
    Wacko – super excited and will be linking up a storm now.
    Thanks so much Bryon :D

  • BYRON:

    HOORAY, rock on with cool graphic-linky coolness!

  • Clive S

    Clive S

    Byron how would I post the entire image? I want to put up challenge results from a screengrab of the results page and the available size formats don’t fit (the graphic gets cropped). The graphic is 971×530.

    Thanks

  • BYRON:

    1. Save the screengrab as a .PNG file
    2. Upload the screengrab file as an image to your portfolio.
    3. HIDE the image from public view [tick the box at the bottom of the upload page.
    4. Post the image as per the procedure and specifiy the size as 800×800.

    If the image is getting cropped, then you are probably copying the URL from the wrong thumbnail. Do not copy the URL from the thumbnail on your profile page… you must copy the image from you image upload page.

    let me know how you go.

  • photomatixadmin

    photomatixadmin

    Thanks so much for coming back to me Byron. I am still not getting it. We have an ‘admin’ account for the group, into which we upload admin related graphics, so I placed the screengrab there. It is a jpg file, but presumably there is no issue between a jpg and png?

    The uploaded image is http://ih2.redbubble.net/work.6139429.1.flat,60..., which I obviously placed between two exclamation marks and I changed the 60×60 to 800×800, but it is still getting cropped.

    What am I being slow on!

  • BYRON

    BYRON

    ok… the problem is that you are copying the wrong thumbnail. You are copying the square cropped thumbnail from the account front page. You need to copy it from the IMAGE UPLOAD PAGE or from the VIEW ALL ART PAGE.

    The answer lies in the code. At the end of the code you have “t.jpg” It needs to be changed to “f.jpg” f=full frame.

    So it looks like this

  • BYRON:

    copy the URL from the images ON THIS PAGE

  • BYRON:

    See? … its easy when you copy from the right place.

  • Clive S

    Clive S

    Dead right!! Thanks so much for the help Byron.

  • TheCandle

    TheCandle

    Hi Byron,

    Thanks for all the info. I will be able to use most of it later but right now what I am doing is trying to post poems that have creatively spaced text on a line, leaving a lot of empty horizontal space. Check out “forever my love”. I achieved it here by block selecting it out of a browser and selecting “view selection source” to see html and removing the <br> codes and hitting enter. Then leaving the HTML for a single character space ( ) in place. It’s tedious but works. What I need is an editor that will allow me to create the formating the way that I need and view it before saving it for post

    Thanks

    Ernie
    TheCandle.

  • BYRON:

    Hiya Ernie

    You can also use the “& n b s p ;” code [without the spaces]

    That will leave a line space, or if you join them together it will character-space.

  • TheCandle

    TheCandle

    Thanks for the input. I tried to tell about that in my comment but what you get when you type “& n b s p;” with the letters closed together is the space and not the code! I’m thinking there must be another way to do it without all those “& n b s p;” typed in. I know you can use control “v” but still . . . .

    Well, at least it’s getting done. Thanks for the help.

    Ernie
    TheCandle

  • Nadya Johnson

    Nadya Johnson 9 days ago

    Woo hoo! Finally! Thank you for your post, Byron! As usual — easier than pi but you have to know where to find the information! (I was looking for the secret to the “clickable banner.”)

    I was asking on behalf of other hosts in addition to myself – so they thank you, too! :)

  • BYRON

    BYRON 9 days ago

    Hiya Nadya!

    Glad it worked for you!

    Pretty-much everything you need to know about RedBubble is on my Portfolio page, if it aint there, then just ask me – I will probably be able to find it.

Add Your Comment

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