« TypePadでドメインマッピング! | メイン | エントリー内に画像バナーを貼る方法 »

2005-06-28

画像のないAmazonの本をオリジナルの画像で表示したい

「Amazonの本を紹介したいんだけど、Amazonに画像がなくて表示できない・・でもAmazonへのリンクをそのままに、画像は自分が用意したものにしたいんです!」というがんばりやなあなた、そんなあなたにこちらの宙返りがおすすめです!

一言で言うと・・
「とりあえず普通にタイプリストに表示させソースこぴってリンクリストにはっつけ、画像のURLだけ変更するのだー」
です。

大まかな手順としては、

  1. ISBN番号により一度本リストで表示させる。
  2. 実際のウェブログに表示されたソースコードをコピーする。
  3. そのソースをリンクリストのメモ欄に貼付ける(要設定変更)
  4. 貼付けたソースの画像サムネイルのアドレスをあらかじめアップロードしておいたURLに変更する。

といったような感じとなります。

まず、普通にISBN番号から本リストに表示させます。実際のウェブログには以下のようなコードが表示されると思います。

<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4844320785/hayaseblogtp-22"><img border="0" alt="平田 大治: Movable Type標準ハンドブック Movable Typeで今すぐできるウェブログ入門 改訂版" src="http://images-jp.amazon.com/images/P/4844320785.09.THUMBZZZ.jpg" /></a><br /><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4844320785/hayaseblogtp-22">平田 大治: Movable Type標準ハンドブック Movable Typeで今すぐできるウェブログ入門 改訂版</a>

上述したようなソースをコピーし、次にタイプリストの種類を"リンク"として作成し、"メモ"欄に貼付けます。ここで設定のポイントとなるのは、そのタイプリストの設定>上級者向け設定の"メモを表示"の部分を"テキスト表示する"にしておくことです。こうするとメモ欄でHTMLタグが有効になります。
貼付けた後に画像のサムネイル部分のリンクを予めアップロードしておいた、画像のURLに置き換えます。上述の例ですとサムネイルの画像部分のソースは
src="http://images-jp.amazon.com/images/P/4844320785.09.THUMBZZZ.jpg"の部分となります。

以上のような方法で、画像がないAmazonの本でもAmazonのリンクをそのままに自分の用意した画像を利用することができると思います。

2005-06-28 at 02:41 午後 in 小ワザ | Permalink

トラックバック

この記事のトラックバックURL:
http://www.typepad.com/services/trackback/6a0120a85ce28c970b0120a85cf06e970b

Listed below are links to weblogs that reference 画像のないAmazonの本をオリジナルの画像で表示したい:

コメント

コメント、トラックバックは内容の確認の後公開とさせていただきます。

コメントを投稿