Getting the Most out of Multiply

Blog EntryHot-linking images inside MultiplyNov 2, '07 2:47 AM
by Luiz Felipe for everyone
I've decided to create an article about adding pictures inside Multiply. It can used in any place here: replies/comments, group notes, personal messages, any post at all, even on blog entries if you select the View Source option so you can add your own HTML code.

First of all, you need to host the picture on the Internet, you can't use images that are stored on your own computer. There are thousands of free services that host files for hotlinking, specially images. Some of them have some restrictions, like limited bandwidth, maximum file/image size, or will store your file for a limited time then will delete it. For these reasons and as things will be easier and faster if you do it all on Multiply, you can create a private album here (so no one else will see the pics) and still use the images here or anywhere else (if it's used outside Multiply, a small watermark will be visible, so you don't have to credit Multiply for hosting the image for you). I will come to this later.

After you have uploaded your image somewhere, you need to find its URL so you can use it in your post. The URL is the unique address of the image on the Internet. You just need to right click on the image and select Properties if you are using IE or Copy Image Location if you are using Firefox (or the similar command in your preferred browser). If you chose Properties, a small window will appear, where you can select and copy the image URL. You can also select View Image so the only the picture will be show on your browser window, and you can copy the URL from the address bar.

For instance, if you go to this album:

http://multiplynewbie.multiply.com/photos/album/1

you will see that it has only one picture. What you see first is the image thumbnail, a small size picture so you see many pics of the album at once. You can use the thumbnail if you want, just get its URL, but then you will use the small image (it can be useful for creating a link, for instance). If you want the bigger one, click on the image once, and you will see the preview image, which is bigger than the thumbnail. If there is a high resolution version of the image, you will be able to click on it once again to see the full size one (you will also see a link bellow the image with the high resolution image size). The problem is that if you host your images on Multiply, it may delete the high resolution version after 6 months if no one has ordered a print of it. Normally, if you plan to add the pic to a reply or something else, you are not using a high resolution image, or maybe the image you've uploaded is small and there is no bigger version of it, so you don't need to care about it (PS: even if Multiply deletes the hi-res picture, it won't delete the preview nor the thumbnail). In this example, I will use the preview image. Its URL is:

http://images.barefootmeg.multiply.com/image/27:multiplynewbie/photos/1/400x400/1.jpg/multiplyfordummies.jpg?et=AXOfwI3dmAVRbm8AXI%2CUqw

Now, the only thing you need to do is use this command where you want to display the image:

<img src="Image_URL">

where you must replace Image_URL with the actual URL of the image you want to show, and don't forget to include both the "<" and ">" too. In this example:

<img src="http://images.barefootmeg.multiply.com/image/27:multiplynewbie/photos/1/400x400/1.jpg/multiplyfordummies.jpg?et=AXOfwI3dmAVRbm8AXI%2CUqw">

It will show the picture like this:





Some useful variations of the command:
<img src="Image_URL" border="0"> - draws no border around the picture, useful if you use it for a link
<mg src="Image_URL" align="left"> - aligns the image to the left
<img src="Image_URL" align="right"> - aligns the image to the right
<img src="Image_URL" height="300" width="400"> - sets the image width and height (you can use other values, of course, and if you use only one parameter - width or height - the other one will be automatic to keep the image proportion ratio)


OK, now about the private album... I will use the text that kindspirit wrote in a post in this very group:
  • Create a new photo album as you normally would, and add all the photos, Gif's or any other images to that album that you wish to hot link from.
  • When choosing "Who should be able to see this album?", just select "Individuals" But Do Not add any individuals to the list! None! Just leave the list blank.
  • After saving your album, and confirming that the album is complete, it will appear on your message board, but only you will be able to see it. No one else will see it.
  • Now you can go back to those images in your Private Photo Album, and hot link those images to your Multiply site or to any other site on the web.


  • Of course, you will be able to add more pictures to this album, so you will need to create only one. And this tip works for any picture, from any album or any picture from the internet, as link as you get its URL.

    As a final note, remember that's it's not right (nor legal) to use someone's else pictures unless you ask for it first and you have the express permission to do it. It's the same when you create your own albums. And it's polite to cite and thank your source, even after you have asked to use it. Respect the copyright and play nice. ;)


    Update1: in order to paste or edit the HTML code in blog entries, the 'View Source' command was replace by the 'Edit HTML' checkbox.

    Update2: now you can easily grab the code to embed your pics anywhere using the share link you can find below your pics. Use the embedding code to display your pic and link it to your album. Just copy and paste the code.


    81 CommentsChronological   Reverse   Threaded
    barefootmeg wrote on Dec 7, '06
    i have yet to see what the watermark looks like on hotlinked pictures outside of multiply. could someone give me a link to one?

    thanks for the article, luiz!
    Comment deleted.
    lfom wrote on Dec 8, '06
    Hmmm, I haven't used images outside Multiply yet. I just replicated what I've read on MUDS. =P

    I've set this article (and the one about useful links too btw) to 'Everyone' so I can refer to it from other places, OK?
    barefootmeg wrote on Dec 8, '06
    aren't most posts here set to everyone? i don't pay a whole lot of attention.
    lfom wrote on Dec 8, '06
    Maybe, but the default setting is for the group members only...
    saibhakta wrote on Dec 9, '06
    Luiz, your help is really Divine. I save everything in my computer.

    thanks Saint Luiz. =D Sairam
    puma1504 wrote on Dec 9, '06
    lol
    lfom wrote on Dec 9, '06
    Luiz, your help is really Divine. I save everything in my computer.

    thanks Saint Luiz. =D Sairam
    You are most welcome, Saibhakta. I am just sharing what I've learned here on Multiply. =)

    Protect the Animals - Se Junte a Nos / Join us - Baixe o Firefox Gratis / Get Firefox Free
    qcchristo wrote on Dec 10, '06
    Up to now I've saved the graphics for my homepage on an external hosting service, but as Ifom says, it's more convenient to use a private album within Multiply. Tell me - do you know how big an image file needs to be before Multiply considers it to be a 'high resolution version' ? For instance, if I have a homepage graphic of 1024 x 300, will Multiply delete that after 6 months? I can't find any detailed information on this.
    Chris
    lfom wrote on Dec 10, '06
    I think anything that goes after a preview image (I would say 400x400) is considered hi-res. To make sure, I would contact the support or post the question on MUDS group. =)
    Comment deleted at the request of the author.
    lfom wrote on Dec 11, '06, edited on Dec 11, '06
    No, Klauss... Take a look at the FAQ (Multiply Help page - http://multiply.com/info/faq)

    Are my high resolution originals kept on the site forever?

    Only if someone has ordered prints of your photos within the last 6 months. After you upload photos, we re-size them for display purposes on the site. The re-sized versions are kept permanently. However, if no one has ordered prints of your photos for 6 months after uploading, we may remove the hi-res originals to free up disk space and ensure the best possible site performance.
    klaussantana wrote on Dec 11, '06
    well... looks that you're right... I did a mistake... so.. I will delete my previous post to not confuse other users...
    caucatarina wrote on Dec 11, '06
    apesar de ser in english!! entendi +-
    heheheh
    mas adorei as dicas e coloquei em favoritos!!

    bjuss ;p
    afterinfo wrote on Dec 18, '06
    HI RES Are kept for 6 months unless someone has dl from there.
    then they stay.. I Have read this in the TOS..

    if know user downloads the hi res they can or could be reverted back too normal..
    or simler to that..
    pestapesta wrote on Feb 8, '07
    Hi do anyone happens to know how I coukd insert image into my calender

    Thanks
    lfom wrote on Feb 8, '07
    Using the howto above... You just have to host the image somewhere so you can use its URL.
    madelinepoh wrote on Mar 20, '07
    omg....thank u very much!!!! now i can put pic on my music playlist!!!!!!! thanks a lot!!!!! muacks!!!!!!!!!!=D
    tekja wrote on Apr 10, '07
    Hi!..i just want to know how can i insert images on my music playlist. Tnx! and hoping that someone can help me.
    lfom wrote on Apr 10, '07
    You should create a private album here on Multiply to host the images and them use the img command to display the image in your music entry.
    You can even make the image display as the album cover if you set the layout of the Music section to table. It's explained in the Modify group:
    http://modify.multiply.com/journal/item/124
    dirtydel wrote on Apr 18, '07
    So, where exactly do I post this code? I put it in the description box of the playlist, but it doesn't do anything. Help!
    Also, I hosted the image on my page.
    lfom wrote on Apr 18, '07
    You can use the code in any post on Multiply, either on a Music post or on a simple reply.

    Another example... The Multiply logo in the top of the page has this URL:

    http://images.multiply.com/multiply/splash/logo-heads.png

    To use it anywhere, just use this code:

    <img src="http://images.multiply.com/multiply/splash/logo-heads.png">

    lfom wrote on Apr 18, '07
    If you are trying yo use an image from a Photo album hosted here on Multiply, make sure you get the Image URL, not the URL for the album or thumbnail page. The full URL for an image published in an album is rather long, like the example above:

    http://images.barefootmeg.multiply.com/image/27:multiplynewbie/photos/1/400x400/1.jpg/multiplyfordummies.jpg?et=AXOfwI3dmAVRbm8AXI%2CUqw
    dirtydel wrote on Apr 19, '07, edited on Apr 19, '07
    I must be dense. I posted the code that you had above and it worked but, when I tried to post my own, nothing happened. Here's what I posted.

    http://dirtydel.multiply.com/photos/hi-res/3/1?xurl=%2Fphotos%2Fphoto%2F3%2F1"
    I did include the img=src, the brackets, etc.

    I did go to the main picture page and got the url above. ???
    lfom wrote on Apr 19, '07
    As I said in the tutorial, you have to get the image URL, not the post URL. For this, you have to right-click (use the secondary mouse button) on the image and select the option to copy the Image URL.

    To test if it's correct, simply open a new browser page and use the URL. If it displays only the picture with a white background (no text, no other pictures, no nothing besides the picture itself) it's correct.
    dirtydel wrote on Apr 19, '07
    Thank you so much for your help and your patience. I am truly grateful. Cheers:)
    blizzardheart wrote on Apr 24, '07
    scuse me, how do i change the header of my site? i've tried doing it but i wasnt that succesful.
    lfom wrote on Apr 24, '07
    Your base theme is the Outburst one, but your Custom CSS is a mess, full of junk: don't use themes for MySpace or Friendster and they won't work well and most certainly will cause problems.

    First, remove the broken code from your Custom CSS. Delete everything from:

    table table table td.text table table div img {visibility:visible;}
    table table table td.text table table div { background-image:none;}

    until the end. Leave only the first line, that sets the background of your page. Then, to modify the header in your base theme, use this in your Custom CSS:

    div.owner_nav {
    margin: 0 auto;
    margin-top: 20px;
    height: 130px;
    width: 760px;
    border: 5px solid #fff;
    border-bottom: none;
    padding: 113px 0 0 0;
    background: url(http://images.multiply.com/multiply/style/outburst/top.gif) no-repeat top left;
    background-color: #fff;
    background-position: 0 -10px;
    }


    replacing the URL with the image you want to use.
    angiko wrote on Apr 27, '07
    Oh....very good CSS
    internetmarketing2 wrote on Jul 6, '07
    wow this blog is very useful...so cool...you can also take a peek on my blogs....
    Comment deleted.
    07metamorfosi01 wrote on Jul 23, '07
    THANK YOU very much for this information Luiz. This has been most helpful to me. I really appreciate what you have done here.
    admonike wrote on Jul 27, '07
    lfom said
    What you see first is the image thumbnail, a small size picture so you see many pics of the album at once. You can use the thumbnail if you want, just get its URL, but then you will use the small image (it can be useful for creating a link, for instance). If you want the bigger one, click on the image once, and you will see the preview image, which is bigger than the thumbnail. If there is a high resolution version of the image, you will be able to click on it once again to see the full size one (you will also see a link bellow the image with the high resolution image size).
    spikygasby wrote on Jul 29, '07, edited on Jul 29, '07
    I have added a picture (from Photobucket.com) in music playlist page by copy/paste its html. The picture shows in Music page (inside playlist) but it doesn't show in Homepage :( (I've selected to show music box in my homepage). Do anyone have solution? Thx so much in advance :)
    lfom wrote on Jul 29, '07, edited on Feb 21
    Try adding the image with the code (put it in the beginning of the post):

    <span class="insertedphoto"><img class="aligntop" src="Image_URL" border="0"></span>
    spikygasby wrote on Aug 3, '07
    lfom said
    Try adding the image with the code (put it in the beginning of the post):

    <span class="insertedphoto"><img class="aligntop" src="Image_URL" border="0"></span>

    For more info, read this post at the Modify group:
    http://modify.multiply.com/journal/item/124
    Thx so much Luiz.

    I have another problem. I do the same way as you suggested me in Blog post but it doesn't show the image. What should i do?
    lfom wrote on Aug 3, '07
    You should use the toolbar icon for adding an image to the top of your post, and make it right or left justified. If you don't see the toolbar, use the lastest Firefox browser.
    inkah wrote on Aug 4, '07
    Wow... Luiz thank you very much for the article.
    lfom wrote on Aug 15, '07
    Update: now you can easily grab the code to embed your pics anywhere using the share link you can find below your pics. Use the embedding code to display your pic and link it to your album. Just copy and paste the code. =)
    shirleymcsalad8304 wrote on Aug 19, '07
    how do i find the "view source" icon? I do not know how to add a clock link on my multiply. can anyone help me out please?
    lfom wrote on Aug 19, '07
    'View Source' in blogs was replaced by the checkbox 'Edit HTML'.

    If you want a clock in your page, you have to copy the HTML code (it should use only the EMBED command, as JavaScript and iframes won't work) and paste it in your Page Title or your Welcome box. In both cases, click on Customize My Site to edit them and paste the code.
    dadangprasetiyo wrote on Aug 27, '07
    Thanks
    mondejarbeachhouses wrote on Aug 29, '07
    HELP!! how can i change the cover photo of an album?
    mondejarbeachhouses wrote on Aug 30, '07
    Thanks! That wasn't hard after all.
    vinanians wrote on Sep 2, '07
    tnx much!
    csipetke wrote on Sep 6, '07
    Hi! Nemértelek benneteket, sajnos!-(
    Mire lefordítom megőszülök!
    kiss
    puma1504 wrote on Sep 16, '07
    sajnos ezek a csoportok angolul vannak, igy érteni kell a nyelvet! üdv
    cyrusvance wrote on Sep 17, '07
    where?or.were?hehe..peace.bro..lupet.ng.mga.tuts.mo..
    ferrongui wrote on Oct 11, '07
    Sorry If you have just explained it, but I didn´t find it.
    I just want to publish the cover of an album, when I post some music. I understood all that part of giving the image one address, and how to modify the cde, but what I just can´t find is WHERE TO MODIFY teh code. Do I have to make it when I am uploading the music? After? WHERE!!!!!????

    Thank you!!!!!
    lfom wrote on Oct 12, '07, edited on Feb 21
    Are you talking about this?

    lfom wrote on Jul 29
    Try adding the image with the code (put it in the beginning of the post):

    <span class="insertedphoto"><img class="aligntop" src="Image_URL" border="0"></span>
    hunginternet wrote on Oct 31, '07
    This is cool! Thanks!
    truemaskedwabbit wrote on Nov 7, '07
    This is good to know - didn't know you could have a private album like this I could file all my graphics for the blog - good post brattikins
    masit wrote on Nov 21, '07, edited on Nov 21, '07
    thanks
    aexer wrote on Dec 24, '07
    Awesome.....it's easy,TQ :D
    Comment deleted.
    Comment deleted.
    Comment deleted at the request of the author.
    bren2 wrote on Jan 16
    Thanks a lot, Jerry!! Good to know!!!!!
    Comment deleted.
    Comment deleted.
    sahabatk wrote on Jan 28
    lfom said
    I think anything that goes after a preview image (I would say 400x400) is considered hi-res. To make sure, I would contact the support or post the question on MUDS group. =)
    hai
    dre9inhngcok wrote on Jan 31
    how do i embed music from www.imeem.com to multiply to play when i or anyone goes to myt multiply site?
    lfom wrote on Jan 31
    Just copy their EMBED code and paste it in your Welcome/About Me box.
    facetsmodels wrote on Mar 1
    how can i make the picture a link to a site?
    lfom wrote on Mar 1
    <a href="Link_to_a_site"><img src="Image_URL"></a>
    thekeepsakefactory wrote on Mar 1


    how do i put the picture link in my home page?
    lfom wrote on Mar 1
    Read the post and the replies above ^^^^^.
    beauteousboutique wrote on Mar 20
    Hi! how do i insert an HTML code in my photos? thanks
    lfom wrote on Mar 20
    What do you mean? You can add HTML to the album and/or photos description.
    teena2 wrote on Apr 4
    lfom said
    If you are trying yo use an image from a Photo album hosted here on Multiply, make sure you get the Image URL, not the URL for the album or thumbnail page. The full URL for an image published in an album is rather long, like the example above:

    http://images.barefootmeg.multiply.com/image/27:multiplynewbie/photos/1/400x400/1.jpg/multiplyfordummies.jpg?et=AXOfwI3dmAVRbm8AXI%2CUqw
    I am trying to make an animated gif...I have the css code to use and I am trying to learn how to make an album of my ani gifs...what I don't understand is what I do with the url I get from the image I have uploaded to photobucket...
    can anyone help?
    teena2 wrote on Apr 4
    Where do I copy the image url to?
    lfom wrote on Apr 4
    Publish the image wherever you want using this HTML command:

    <img src="IMAGE_URL">

    You may want to use the other options to resize the image, etc...
    teena2 wrote on Apr 4
    I don't think I could use the command to create an animated gif headshot...?
    lfom wrote on Apr 5
    No, the IMG is used just to add images to posts and comments. You need a 'broken' GIF in order to get an animated headshot or use a CSS trick to replace the one in the rail with a normal GIF (it will only work on your page, of course, and only in the rail):
    http://multiplydesign.multiply.com/notes/item/147
    sayabejo wrote on Jun 29, edited on Jun 29
    how to edit HTML??
    lfom wrote on Jun 29
    You simply add it to the post/reply. Only in Blogs you have to click on 'Edit HTM' first and only then add the code.
    cutekiser wrote on Jul 2
    yes how
    dantcer wrote on Jul 2
    Please read the tutorial.
    thegreatsid wrote today at 4:03 AM
    i want to learn more
    Add a Comment
       
    New to Multiply
    Join this Group!RSS FeedHelp on RSS FeedsAdd to My Yahoo
    Report Abuse
    © 2008 Multiply, Inc.    About · Blog · Terms · Privacy · Corp Info · Contact Us · Help

    Template design Copyright © 2005 Remi Prevost Some rights reserved.