本文中の画像をココログ・アフィリエイトからアマゾン・アソシエイトへ

　　　　　　　　　　
  本の紹介に使っていたココログ・アフィリエイトの画像を、アマゾン・アソシエイトの商品リンク画像に変更してみた。

ココログ・アフィリエイトの画像は、見やすくていいんだけど著者名と書名を入れると、やたらと場所をとって困っていた。

  一方のアマゾン・アソシエイトの画像は小さいし、アマゾンのバナーだけが独立して見えて、そのままおくとデザイン的に浮いている感じ。

  しかし、このところHTMLタグにちょこっと慣れてきたので、またもや調子付いてみた♪

  １．アマゾンのアフィリエイトに登録して、商品リンク画像のソースを入手する。

  はっさくノートは本文の背景が白なので、区別を付けるために、入手する段階で背景色をカスタマイズしておいた。（リンク色・文字色もカスタマイズできる仕様になっている）

　２．記事作成画面で「HTML編集」に本文の画面を変えて、貼り付けるこの時にalign="left"を加えて、文章を回り込みさせ、段落タグ<p>で囲んだ。
  ↓こんな感じに。

   　<p><iframe align="left" marginwidth="0" marginheight="0" src="ここには画像のリンク先のurlが記述されている" frameborder="0" scrolling="no" style="WIDTH: 120px; HEIGHT: 240px"> </iframe></p>

　終了したら「記事の作成」に戻れば、アマゾン・アソシエイトの画像が記事の一部になったレイアウトが出来上がっているのである♪
↓こんな感じに。

  ◆最近のココログアフィリエイトの画像に、気になるスペースが入っているんだけど、あれは何だろう？

  百鬼夜行抄の記事で、最後に画像を並べていた時に気付いたんだけど…。画像の右下に、半角分くらいの線が入ってしまうのだ。

  HTMLソースをよぉ～く調べると、最後の</a>の前に半角分のスペースが入っている。
　かなりの頻度で入っているようだが、意図的なのかは不明。
 
  線を消したい場合は削除を、隣の画像と間隔を取りたい場合は最後の</a>の後ろにスペースを入れる事が可能だ。