News!! Edifice Image-Only Ads From Amazon

When Blogger users lay an image-only link from Amazon into their blog, at that topographic point is oftentimes a work alongside the paradigm non beingness found.  It applies to code generated at Amazon, non to ads that are made using the Amazon widgets inwards Blogger.  

Previously, I explained how to construct customised Amazon production links for purpose inwards Blogger. You may withdraw to create this if your readers are mainly non from the USA, or if you lot withdraw to alter the size of the advertisements.

One of the options for links is Image-only:   the link shows a motion painting of the item, which your readers tin click.  When they click on the picture, they are taken to Amazon to purchase the product.

This article explains how to laid upward the work of the paradigm non truly showing upward on the published weblog page, fifty-fifty though no fault is reported too Amazon's reports tell that the advertizing displayed.

What is causing the motion painting to non display?

The physical care for for edifice an image-only link has a step:

"Save this paradigm to your server, thus cutting too glue the HTML code inwards the lower left textbox into your spider web page."

Unfortunately, the HTML that Amazon generates assumes that you lot volition relieve the paradigm onto the same directory inwards the server that the web-page is stored on.   This is fine for many web-site builders, but doesn't operate for Blogger users who shop their pictures inwards Picasa past times default, or on other image-hosting services.

How to laid upward it

You tin laid upward the work past times uploading the paradigm file to Picasa, or whatsoever other file host service, too altering the HTML to purpose this uploaded file.

Follow these steps:

1. Copy the HTML provided past times Amazon's link-builder, too paste it into wherever you lot desire it inwards your blog.
2. Copy the location of the paradigm that Amazon is telling you lot to lay onto your server.
3. In around other window, log on to Google account that owns your blog
4. Choose Upload
5. Choose an album to lay the paradigm into
   (You may desire to driblet dead along a divide folder for all Amazon Associates products, or you lot may desire around other organisation eg 1 folder per page).
6. Use the From an URL tab, too larn inwards the location that Amazon told you lot for the beginning of the paradigm (copied inwards pace 2)
7. Press Upload, too hold off piece the motion painting is loaded.
8. When the motion painting has loaded, Picasa-web-album shows the album summary page.  Click on the motion painting you lot simply loaded.
9. Click Link to this Photo (on the correct mitt bar) to larn the link value (ie the URL or hyperlink) for the photo, too re-create it.
10. Go dorsum to the house inwards Blogger where you lot lay the HTLM provided past times Amazon inwards Step 1 too edit it.
11. The HTML volition direct maintain this structure:
    (I've lay inwards around link breaks too bolding to larn inwards easier to read - you lot tin create the same, provided the Post Options - Ignore novel lines selection is selected ):
    
    <a
    href="http://www.amazon.com/gp/product/0975841963?ie=UTF8&tag=bloggerhintsa-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0975841963">
    <img border="0"
      src="41FxC9u%2B%2BVL._SL160_.jpg">
    </a>
    <img
       src="http://www.assoc-amazon.com/e/ir?t=YOUR-AMAZON-ID=as2&o=1&a=0975841963" width="1" height="1" border="0" alt=" at that topographic point is oftentimes a work alongside the paradigm non beingness flora News!! Building Image-only ads from Amazon" style="border:none !important; margin:0px !important;" />
12. Find where it says SRC "blah-blah-blah.jpg"  (ie the slice inwards bold)
13. Select everything within the quote marks, too replace it alongside the link value for the picture that you lot loaded into Picasa, thus it becomes something like:
    
    <a
    href="http://www.amazon.com/gp/product/0975841963?ie=UTF8&tag=bloggerhintsa-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0975841963">
    <img border="0"
      src="http://picasaweb.google.com/YOUR-GOOGLE-ACCOUNT/YOUR-ALBUM-NAME?authkey=Gv1sRgCOGyrv2X0-OvmAE#5430348305093079170">
    </a>
    <img src="http://www.assoc-amazon.com/e/ir?t=YOUR-AMAZON-ID=as2&o=1&a=0975841963" width="1" height="1" border="0" alt=" at that topographic point is oftentimes a work alongside the paradigm non beingness flora News!! Building Image-only ads from Amazon" style="border:none !important; margin:0px !important;" />
14. Save the alter (ie release the post, or relieve the gadget etc).

---

Related Articles

How to construct customised Amazon production links for purpose inwards Blogger

Putting third-party HTML into your blog

Hosting pictures exterior Picasa

Finding a Picture's URL inwards Picasa-web-albums

Understanding Google accounts

Picasa too Picasa-web-albums, too overview.

Tweet

Subscribe to receive free email updates: