トラックバックにサムネイル画像装着！

＊FC2でのカスタマイズ方法です。

　またまた、カスタマイズな記事です。ブームに乗り遅れること約一ヶ月。以前から気になっていたトラックバックしてくださったブログさんの画像をサムネイル方式で表示するという物です。これもまた突然「やるか！」と思ったのでやっちゃってみました。

参考にしたのCFDNさんの「トラックバックにサムネイル画像を追加」を参考にして行ってみました。

利用するのはSimpleAPIです。これを使うといとも簡単にTBやコメント部分にサムネイル画像を付けることが出来ます。SimpleAPIというのは、このURLを指定すると、そのサイトのサムネイル画像を自動生成するという物です。たとえば私のブログをサムネイルにする場合はこんな感じ。

こんな感じに繋げる。
http://img.simpleapi.net/small/http://qozy.blog2.fc2.com/
　　　↓こうなる

この機能を応用し、トラックバックされるサイトさんのURLを自動で取得しTB部分にサムネイルとして表示するのだ。これをCFDNさんの「トラックバックにサムネイル画像を追加」を使って行ってみる。

私の場合は画像にリンクを付けてみたので下記のようになります。FC2の独自タグを使っています。

<a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>" target="_blank"><img src="http://img.simpleapi.net/small/<%tb_url>" width="100" height="100" alt="<%tb_blog_name>" border="0" class="tb001" align="left"/></a>

一番最後にalign=”left”を入れて次に来る文字が右側に来るようにして、最後に回り込み終了という意味で<br clear="aii">を挿入しています。

スタイルシートには位置情報だけ記しています。お使いのテンプレートに合わせ、色々自分で調整してみてくださいね。

実際に送られたトラックバックの所はこんな感じに表示されます。

　今回のこの方法ですと、各ブログサービスでTBを送ったサイトのURLを独自タグで取得出来るかどうかで変わってきます。FC2のその部分の独自タグは<%tb_url>です。
そんなわけで私が使っているもうひとつのブログはロリポブログなのですが、ロリポブログにはこの独自タグが有りません、親切なことにトラックバックタイトルとURLが一色端になった独自タグを利用しているためこの方法は使えません。　

　これの回避の仕方は・・・もうひとつのブログに書きました。そちらの方法でロリポブログやJUGEMをお使いの方はチャレンジしてみてください。Serenebachでの適用方法も掲載しています。

Planting Field Weblog

• ロリポブログにもトラックバックにサムネイル画像
• Serene BachでTBとかのthumbnailとFaviconを表示