2006年04月28日

seesaaブログでトラックバックにサムネイル画像を入れる


idea*ideaで紹介されていたトラックバックにサムネイル画像を入れるのを、seesaaブログで試してみた。

ウェブサイトサムネイル作成API β版を利用してトラックバックのサムネイルを生成している。こういうサービスが提供されていることに感謝しつつ、設定してみる。

  1. コンテンツから記事(ページコンテンツ)を選んで「コンテンツHTML編集」をクリックする。

  2. トラックバックの部分のサムネイルを表示したい箇所に次のようにタグを追加する。

<a href="<% tb.url %>" target="_blank" rel="nofollow">
<img src="http://img.simpleapi.net/small/<% tb.url %>" alt="<% tb.blog_name | html %>"
width=128 height=128 hspace=4 vspace=4 border=0 /></a>

これで完了。

私の場合には、次のように変更した。

この記事へのトラックバック<br />
<% loop:list_individual_article_tb -%>
<hr />
<a href="<% tb.url %>" target="_blank" rel="nofollow"><% tb.title | html %></a><br />
Excerpt: <% tb.excerpt | text_summary | html %><br />
Weblog: <% tb.blog_name | html %><br />
<a href="<% tb.url %>" target="_blank" rel="nofollow">
<img src="http://img.simpleapi.net/small/<% tb.url %>" alt="<% tb.blog_name | html %>"
width=128 height=128 hspace=4 vspace=4 border=0 />
</a><br />
Tracked: <% tb.createstamp | date_format('%Y-%m-%d %H:%M') %><br />
<% /loop -%>

これで、トラックバックにサムネイル画像が表示されるようになるはずだ。私のブログには、まだトラックバックがないので実際には未確認だが =p

トラックバックのサムネイル画像

この画像はプレビューで確認したものだ。イメージは伝わると思うので載せておく。

posted by cuckoo at 12:59 | Comment(2) | TrackBack(13) | blog
この記事へのコメント
cuckooさん、こんにちは。りょーちと申します。

simple APIを利用した上手い見せ方ですねー。素晴らしいです。私もこの記事を拝見して早速やってみました。
Good Jobです。cuckoo さん!

なお、されている記事内の
alt="<% tb.blog_name I html %>"

alt="<% tb.blog_name | html %>"
にするとよいかもしれません。

#「I」ではなく「|」がGoodです。

後ほどトラックバックさせていただきます。
ではでは。
Posted by りょーち at 2006年05月09日 17:26
> りょーちさん
トラックバックありがとうございます。
ああ、気づいてませんでした! 「I」(アルファベット大文字のアイ)が紛れ込んでいるとは、油断しました。
訂正していただき、助かりました。

この内容は、idea*ideaさんで見かけたときに、速攻で取り込んでみたので記事にしてみました。お役に立ててよかったです。
Posted by cuckoo(管理人) at 2006年05月09日 19:27
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※半角英数字のみのコメントは投稿できません。

この記事へのトラックバック

SimpleAPI
Excerpt: 表示してもらうのが楽しみで、トラックバックサムネイル化されているブログにトラックバックさせていただきます。もちろんウチにもトラックバックしてください!!
Weblog: 名古屋育児日記
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-04-28 15:57

トラックバックにサムネイル
Excerpt: idea*ideaさんの真似をして(パクって)トラックバックにサムネイルを追加。 サムネイル生成にはSimple APIを使用。 見た目がちょっと豪華になりました。
Weblog: Forest.Kの徒然日記
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-04-28 16:46

トラックバックにサイトの縮小画像を入れてみた
Excerpt: この前あきやんと話していて、 「そういえばさぁ、トラックバックにサイトのサムネイ...
Weblog: Idea * Idea
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-04-28 17:08

TBをくれたサイトをサムネイル表示
Excerpt: かっこいい! あまり派手なカスタマイズは好まないけど、これは速攻で導入! よそ様でうちのサムネイルが表示されても シンプルなトップページだから目立たないな…。ま、しゃーない。 かつてお世話になった..
Weblog: 特に個性の無いブログ
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-05-02 01:25

majority and minority
Excerpt: トラックバックすると写真が出るようになったというので、TB。
Weblog: funk love...
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-05-05 19:41

トラックバックにサムネイル
Excerpt: i d e a * i d e a で紹介されていたトラックバックにサイトの縮小画像を入れてみたをインスパイアさせていただきまして、 このらーめん日記でも頂いたトラックバックにサムネイル画像を出すよう..
Weblog: らーめん日記
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-05-06 07:15

seesaaブログでトラックバック元のサイトのサムネイルをSimpleAPIで表示する
Excerpt: こんにちは、ツーツーレロレロの大森うたえもんです(嘘です)。 先日 Webサイトのサムネールを作成するSimple APIがかなり便利! で紹介した Simple API の登場でかなりネットが盛り..
Weblog: りょーちの駄文と書評
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-05-09 18:44

画像を貼り付ける(imgタグ、altタグ) ライブドアブログアフィリエイトでアフィリエイト講座
Excerpt: ライブドアブログアフィリエイトのラッキーです。初心者のためにアフィリエイトに関する情報を提供します。ブログランキングに参加しています。前回はストロングタグで文字を強調することについてお話しました。今回..
Weblog: ライブドアブログアフィリエイト
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-06-30 07:37

トラックバックとリンク先サイトのサムネイル(縮小)画像表示機能導入
Excerpt: このサイトに、ページ内にあるトラックバック元とリンク先のサイトのサムネイル画像を表示できる仕組みを導入してみました。SimpleAPIサイトのサーバーをお借りするため、ページリクエスト数に応じたトラフ..
Weblog: 話題のナレッジベース
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-08-06 18:41

ムーバブルタイプでトラックバック送信元のサイトサムネイルを自動で表示する方法
Excerpt: 実際ブログを見に来てくれてる方々にも、トラックバックって必要なの?なんて思ってしまう今日この頃。。 先日、サイトのサムネイル作ってくれるSimpleAPIの記事でご紹介しました、このツールを使えばトラ..
Weblog: デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2006-10-27 13:52

トラックバックにサムネイル表示
Excerpt: 今まではファビコンが出ていましたが今度はサムネイル表示するようにしてみましたよ。 ちょっとこのダウンロードテンプレでは表示が遅くなる感じがしますがまあいいだろう。 こちらのブログ様を参考にいたしまし..
Weblog: プリペモブ2
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2007-03-17 03:36

見落としがちなこと ブログを廻っていて気付くこと
Excerpt: ホームページ制作者ということもあり、ブログ廻りをしていると、 「あ〜、もった
Weblog: 成功のため最新ビジネス情報紹介所
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2007-04-10 13:56

トラックバックの送信元のサムネイルを表示する方法
Excerpt: 以前ブログをやっていた時に、無意味なトラックバックばかりが来て 必要性があるのかイマイチ分からないが、一応紹介。 元ネタはidea*ideaさん...
Weblog: NETO*NOTE
ERROR: NOT PERMITED METHOD: blog_name I html
Tracked: 2008-03-10 17:05
タグクラウド