random image
2006年06月22日

コメント欄にも彩りを

以前にトラックバック元のサイトのサムネイルを表示できるようにしたのですが、処理に意外と時間がかからないので、コメント欄にも応用してみました。

トラックバックのとき同様Simple APIのサービスを使います。

Movable Typeを使ってる僕の場合は個別アーカイブのテンプレート内のコメントの部分で、


<MTIfNonEmpty tag="MTCommentURL"><p><a href="<$MTCommentURL
encode_xml="1"$>"><img src="http://img.simpleapi.net/small/<$MTCommentURL
encode_xml="1"$>" width="128" height="128" alt="<$MTCommentAuthor
default="Anonymous"$>&#39;s website" /></a></p></MTIfNonEmpty>
<$MTCommentBody$>

とし、CSSに


.comments-body {
	clear:left;
}
.comments-body img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

を加えて完成。コメント欄に、コメンターさんのサイトのキャプチャが並ぶようになりました!

関連エントリー

前後のエントリー
Tags → Aircooled-Search
, , ,
「コメント欄にも彩りを」 へのトラックバックURL

トラックバックスパムと区別するため、トラックバック元の記事中にこちらへのリンクを入れていただきますようお願いします。詳しくはトラックバック・ポリシーをご覧ください。

Tags: , , ,

Posted by masahiro : 2006年06月22日

「コメント欄にも彩りを」 へいただいてるコメント

1. のんき師匠 : 2006年06月23日 12:50

のんき師匠's website

おもしろそうなのでテストしたろ〜っと。リンクサイトがフレーム式の場合でも出るんやろか?


2. にしざわ : 2006年06月23日 12:52

おっ!!出た。すげえ!!(・∀・)


3. masahiro : 2006年06月23日 15:07

masahiro's website

フレーム式でも普通にキャプチャしてくれると思いますよ。
Simple API、すごいっす!


コメントお待ちしてます


















投稿ボタンを押したあと、処理に1分ほど時間がかかります。二度押しせず、ちょっとだけお待ちください。

お待ちの間のお茶の代わりに、クリックで進めるスライドショーできました。新しい画面が開き、今までの画像がテキトーに表示されます。(ナローバンド版はこちらです。)

アクセスランキング