Need help with Amazon image links

[Faith]

I hope someone here can help me figure out how to create a clickable Amazon image. I know how to create an anchor text with a product link, but understanding how to do that for an image is still a mystery.

And, yes, I've watched Lynn's video on affiliate links http://www.clicknewz.com/2307/html-tips-affiliate-link-2/.

In fact, I've watched this video about five times. But at the very end of the video, I still don't get exactly what she's doing. I don't get how to use the affiliate link in the code to make an image clickable that you got off a product page.

In the trick to use your affiliate link as the way you bring up the page that has the image on it you want?


Faith

[Ellen C Braun]

I know that Adriana has a post on this exact subject somewhere on her site- here you go- http://www.myonlinebusinessjourney.com/318/how-to-add-amazon-links-images-to-your-pages/

[Faith]

Thank you, Ellen, for that link.

I can follow all of those instructions until the very end where she says to paste the image code for the image location, and then I get lost. I don't understand where to paste the image location code!

Does she mean to replace the image code in the product code that you've already placed on your page with the image location code?

Faith

[Adriana]

Ellen, thanks for linking to my tutorial.


Does she mean to replace the image code in the product code that you've already placed on your page with the image location code?

Faith, yes, you replace the image code you already copied form amazon (in my post, I highlighted yellow the one in my example, and they all look very similar.

Does this make more sense?

If not, copy your code here (put it between "code" brackets so we can see it, an ill tell you which code to replace).

Jenny, what are you not understanding? I'll try to help if you tell me where you get stuck.

[Coronado Cookie]

Hi Faith,

If I understand your question right...

Once you have uploaded the image to your post or page, click on it and click on the option to create a hyperlink to it. I know it feels as if you are replacing the image location and you may fear that it will disappear from your site, but it won't!

I hope this helps.

[BrittMalka]

I hope I understood your question correctly, or else this will seem totally out of place :-P

To make a picture clickable, you have to nest it into a link.

The link code looks like this:

<a href="URL">LINK TEXT</a>

Instead of URL, you put the actual URL, e.g. "http://www.amazon.com/youraffiliatelink.html"

Now, you don't want a link text to show up, but an image.

To put an image on a homepage, you use the following code:

<img src="LINK-TO-PICTURE" alt="ALTERNATIVE TEXT" />

Again, you should put the actual link to the picture instead of the text, I've written in capital letters.

You put that code, with <img and all at the spot, where I put the LINK TEXT before.

<a href="URL"><img src="LINK-TO-PICTURE" alt="ALTERNATIVE TEXT" /></a>

Does this make sense?

[Faith]

Still trying to do this.

Was distracted for about 24 hours by my anniversary and then my mother, who's in her 80s.

My problem now is that I would love to follow the above directions from Adriana but I am not able to copy the image location.

It shows up at the bottom of my screen, but when I move my mouse down to copy it, it disappears.

I am using the latest version of Firefox.

Any ideas, anyone, on why this is happening? Or some other way to do this?


Faith

[angienewton]

Faith,
I sent you a private message offering help. Not sure if you got it or not but I would be happy to walk you through this over the phone or via Skype if you would like. I'm available tomorrow morning if you are, just reply to my PM. Thanks!

[Faith]

Hi Everyone,

I'm still working on this issue. I appreciate your offer, Angie, which I may take you up on before too long. Today I'm only able to be online on and off for brief periods, but want to stay in contact here.

I decided to work on this issue of Amazon images on an old blogger blog that may be worth reviving. I was thinking that this would be less stressful than working on wordpress right now, since I'm not satisfied with my theme anyway.

I've figured out how to get the image location by going to "see page info," so I've got that covered.

Am I right in assuming that the basic principle for creating clickable Amazon images is the same for blogger as it is for Wordpress?


Faith

[Faith]

I'm happy to report that I've succeeded in creating a clickable Amazon image.

This no doubt seems like a small thing to most of you, but it's a big victory for me. :)

Thanks very much for the help here on this forum.


Faith

[Ellen C Braun]

Faith, now that you've done it once, you can do it 100 and 1,000 more times!! Congrats- I remember when I figured out how to make something bold in html- I thought I was a genius coder!

[angienewton]

Way to go, Faith! So glad you stuck with it. And you are not alone, I had trouble with Amazon images way back when.

[KonaGirl]

Faith to take an image from Amazon, all you have to do is right click the image with your mouse; in the pop-up menu window select "Save Image as.." and save it to your computer. Save it to a file where you will remember where it is or to your desk top. You can then move it to a file of your choosing from your desk top when you are finished using it.

On your blog, put the cursor where you want the image to be and click the insert image icon. Browse to where you saved the image file. Your WP blog will insert your image for you. It should ask you want you want to add for an alt tag (depending on the theme you are using) If it doesn't you can add it manually.

If the text isn't wrapping correctly around your image the way you want it to, and the image is showing up either lower or higher from the text than you want, then there is an easy fix.

Go to your HTML screen and look for the image code which will be <img src="YOURIMAGE.jpg" />

If you want your image on the left add this code:
style="float: left; margin: 0px 15px 5px 0px;"/>

If you want your image on the right add this code:
style="float: right; margin: 0px 0px 5px 15px;"/>

You will need to remove the closing tag from the image location; add a space; add the code; and it will look like this:

<img src="YOURIMAGE.jpg" style="float: right; margin: 5px 0px 5px 15px;"/>

What does the 0px 15px 5px 0px mean? Good question.

The first number (#px) dictates how much spacing you have above your image. The second number dictates how much space you have on the right side of your image, the third is the bottom of your image, the forth is the left side of your image.

You may need to adjust the pixels to what looks best on your blog.

If you want to add an alt tag describing the image (yes you should), then your image tag will look like this:
<img src="YOURIMAGE.jpg" border=0 alt="dog wearing white hat" style="float: right; margin: 5px 0px 5px 15px;"/>
the border=0 is the code saying you don't want a border around your image.

If you are using an affiliate link with your image, or you want the image clickable, the code will look like this:

<a href="yourclicablelink.com" target="_blank"><img src="YOURIMAGE.jpg" border=0 alt="dog wearing white hat" style="float: right; margin: 5px 0px 5px 15px;"/></a>

Just remember to leave the space the alt tag quotation mark (") and the style.

Also remember to close the tag with</a>

I hope this helps you.

[sonatanna88]

Hi Elite Members

I am right now seeing Lynn;s video on creating the image. I logged into http://affiliate-program.amazon.com

I went to links and banners .But below that i cannot the the option of "searching for the product" which i want to promote.
Am i going wrong somewhere?
Hope someone's awake to answer this
Sona

[angienewton]

The link to sign in to Amazon associate program is http://associates.amazon.com

I wonder if the link is the issue? Just jumping in right now so I could be totally lost as to what you need.

[angienewton]

Sona,
Another thing you might want to look at if you don't already have it is the site stripe. You can read about that under the banners/links tab at the bottom of the page and that will make life so much simpler for you.

Otherwise, do you see the blue link under that says add banners now? or the add product links now? under Products. Should be able to just click on either and proceed.

[sonatanna88]

Hi Angienewton


Wow nice to see your answer. Could locate and land upto the page where i can see the 3 options for the affiliate links. Now from here where do i go/do . Kindlyhelp

What does Lynn's video try to show i just cannot follow.

Sona

[angienewton]

Sona,
I'm not sure what video of Lynn's you're talking about. Could you send me a link to that so I might be on the same page as yourself?

There should be links below each of the 3 options that will take you to another page where you'll search for a product OR you can choose a product category.

[sonatanna88]

Hi Angienewton

Its the first post only on the thred here.
Hope you could.
Anyway i just want to get about having an Amazon Product Imge with an affiliate link and also affiliate anchor text link--ie if some one clicks on "CLICK HERE" the person should be direct to the product on Amazon

Sona

[KonaGirl]

Hi Angienewton


Wow nice to see your answer. Could locate and land upto the page where i can see the 3 options for the affiliate links. Now from here where do i go/do . Kindlyhelp

What does Lynn's video try to show i just cannot follow.

Sona

Sona,

If you follow the instructions that I posted, along with Lynn's video, you should be able to understand how to do it.

1.What I do is find the product I want to promote first and then you right click the image you want to use; click "Save Image As..." and save it to your desktop.

2. Next copy the product ASIN number, which is usually found close to the description of the product.

3. In Amazon, where it says "Search", rather than putting in a keyword, I leave it Search "All Products" for Amazon to search, and I enter the ASIN number that I copied into the box that says, "for", then click "GO". Amazon will bring up the exact product.

4. Click the orange radio button that says. "Get Link"

5. Tick the selection that says, "Text Only (Basic Display)"

6. In the box that says, "Link Text" it will usually, but not always, show the text that they have created for the anchor text link. If you think it is too long you can change it to say whatever you want.

7. Next copy your affiliate link. Once you copy it you can save it to notepad, if you want, until you are ready to use it, if you are not going to use it immediately.

Here is an example.

The red portion shows the affiliate link.
The green portion shows the anchor text.

<a href="http://www.amazon.com/gp/product/B001EDOXPK?ie=UTF8&tag=aryopoyodo-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B001EDOXPK">Bedazzle Rhinestone Dog Collar</a><img src="http://www.assoc-amazon.com/e/ir?t=aryopoyodo-20&l=as2&o=1&a=B001EDOXPK" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

8. You now have your image saved and you have your affiliate link. Next follow the instructions that I left on my last post to insert everything into your blog post.

9. If you want to use the code on a web page instead of a blog, you would need to upload the image you save to your computer to your website image folder and then insert the full code into your HTML page where you want the image to be, and it would look like this:

<a href="http://www.amazon.com/gp/product/B001EDOXPK?ie=UTF8&tag=aryopoyodo-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B001EDOXPK">Bedazzle Rhinestone Dog Collar</a><img src="http://www.yourdomainname.com/nameofimagefolder/nameofimage.jpg border=0 alt="bedazzle rhinestone dog collar" style="float: right; margin: 5px 0px 5px 15px;"/></a>

Once you get the hang of it, it will get easier. I promise.

[sonatanna88]

Hi Elite Members

Again with Amazon Images: Lets us take an example of Hockey sticks as a niche or cameras. I want to add several images of the cameras in a horizontal line . Whereas the HTML codes/text occupies the entire space provided by the text editor and if I copy/paste the HTML code below the first one then the image of the second camera also falls below the first image on the extreme left and not to the right of the first image. I want the second image of the came to the right of the first one in a horizontal line

How do i go about it


Sona

[KonaGirl]

I usually make them into one picture with an image editor, and post it as a single picture, but I think this code will work.

Three pictures in a row, horizontally:
<img src="http://imageurl" border="0"> <img src="http://imageurl" border="0"> <img src="http://imageurl" border="0">

The thing is, you would have to upload your images into an image file on your web server. The image URL link would be the path to where you uploaded your image. Example:
http://www.yourdomain.com/image/imagename.jpg.

It might work if you insert the images into the blog, then go to the source page and change the code to the above.

Three pictures in a row columnly/vertically:
<img src="http://imageurl" border="0"><BR><img src="http://imageurl" border="0"><BR><img src="http://imageurl" border="0">

Here is another way:
Click on the "Add Image" icon, next click "none" on "Choose Layout". Then add your first image, next click "Add another image". Add the 3rd image the same way.

After adding your 3 images, click on the "upload image". After your images are in the preview screen, you can then move them side by side, and add spaces between the images. This again will depend on your theme.

Lastly, would be to insert a table of the 3 cells and insert your images into the table.

Hope one of these solutions will work for you!