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!
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!
Way to go, Faith! So glad you stuck with it. And you are not alone, I had trouble with Amazon images way back when.
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.
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
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.
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.
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,
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.
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
Sona,Originally Posted by sonatanna88
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&creativeAS IN=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&creativeAS IN=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.
Posting Permissions
Reply With Quote
Bookmarks