備忘録か日記のようなもの

次のような内容を記述します。

<dl class="recommend">

<dt id="recomname">Recommend</dt>

<!-- BEGIN amazon -->

<dd id="recomlist"><center><a href="{amazon_url}" target="_blank">

<img src="{amazon_ImageUrlSmall}" alt="{amazon_ProductName}" border="0" />

<br />

{amazon_comment}</a>

</center></dd>

<!-- END amazon -->

</dl>

あとは管理ツールからオススメ商品を選べば表示させることができます。

amazonにはアソシエイト・プログラムと呼ばれるものがあり、お小遣いがもらえるらしいので、早速申し込みました。(こんな辺境で稼げるとは思いませんが)

あなたのサイトでAmazon.co.jp をご紹介ください！紹介料をお支払いします

Amazonアソシエイト・プログラムはWebサイトオーナー様による参加型プログラムです。参加料は一切かかりません。使い方はあなた次第。この機会にぜひ、アソシエイト・プログラムにご参加ください。早速、サインアップして試してみませんか？

Amazon.co.jp アソシエイト・プログラム

登録した後に自分のページに広告を載せてみました。
トップに設定するにはベースHTMLテンプレートに次のように次のように追加します。追加する内容はamazonのアソシエイト・プログラムのページで作成します。

<div class="title">

　　　↓　　追加　　↓

<iframe align="right" scrolling="no" frameborder=0 width=468 height=68 

src="http://rcm-jp.amazon.co.jp/e/cm?t=bibouroku00-22

&p=13&o=9&l=bn1&browse=465610&

mode=books-jp&amp;lt1=_blank&f=ifr">

</iframe>

　　　↑　ここまで　↑

<!-- BEGIN title -->

<h1 id="top">{blog_name}</h1>

<p class="description">{blog_description}</p>

<!-- END title -->

</div>

側面に取り付けるにはベースHTMLテンプレートに次のように次のように追加します。

<iframe scrolling="no" frameborder=0 width=200 height=660

src="http://rcm-jp.amazon.co.jp/e/cm?t=bibouroku00-22

 &p=14&o=9&l=bn1&browse=13299551&

 mode=toys-jp&amp;lt1=_blank&f=ifr">  

</iframe>

<br>

<iframe scrolling="no" frameborder=0 width=200 height=660

src="http://rcm-jp.amazon.co.jp/e/cm?t=bibouroku00-22

 &p=14&o=9&l=bn1&browse=3210991&

 mode=electronics-jp&amp;lt1=_blank&f=ifr">  

</iframe>

　　　↑　ここまで　↑

</div><!--_end_navigation_-->

<hr />

SBのオススメ商品はこの機能に対応しているようです。ユーザー設定でIDを登録できます。


参考サイト

• オススメ商品の画像だけを複数表示にする
• オススメ商品ランダム表示プラグイン