This article shows how to add Amazon Productputting product links, banners, widgets and page-links from Amazon into your blog-site.
add Amazon Product Links to Blogger
1.Sign in to your Amazon Associates account. If you are not a member sign up is free to both Amazon.com and Endless.com
2.Click on the Links and Banners tab
3.Under the Product Links heading choose the Add Product Links Now link
4.From the Product Links page choose your Product Category from the drop down list and enter your search keyword phrase to identify the product you wish to link to. Hit the Go button.
5.From the search results choose the individual product you will linking to by clicking on the Get Link button on the right hand side of the product
6.You will now be taken to the Customize and Get HTML code page.
◦Select Link Type
By default both the product image and text link will display but you can customize it to display the image only or the text only by checking the box alongside these options
◦Customize Link
Choose the appearance of your product. With or without a border. Choose color options to suit your blog. I suggest you keep the default setting for the link opening in a new window. Amazon lets you see a live preview of your product on the right so that you can make any adjustments before embedding the code into your blog.
7.Once you are satisfied with the product's appearance click on the highlight code button at the foot of the page and copy the HTML code for the Amazon Product Link.
8.Open a Javascript to HTML converter such as Centricle. Paste your code into the content window and press the Encode button
9.Highlight and copy the code that has been converted
10.Login to Blogger if not already logged in
11.Navigate to Layout > Edit HTML
12.Back up your Blogger template as a precaution
13.Check Expand Widget Templates box
14.There are several places you may wish your product link to appear. I have assumed for the purposes of this tutorial that you want it at the bottom of your post. Therefore find the following code in your template:
15.Directly below this line paste the converted Amazon HTML code
16.Click on Save Template
17.Click on View Blog to view your link at the foot of every Blogger post including the home page view.
No comments:
Post a Comment