Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[SITEINFO] トラックバック欄に、トラックバック元サイトのスクリーンショットサムネールを表示するようにしました

  • Pocket
  • このエントリーをはてなブックマークに追加

Ariela Networkさんのこの記事を参考に、SimpleAPIを使ってmBlogのトラックバック欄に、トラックバック元サイトのサムネールを表示するようにしました。過去の記事にも反映されています。見え方の点で若干手を加えたので(サムネ部分が左寄せのフロートになるようdivで囲ってあります)、mBlogで記述したソースを紹介しておきます。MTユーザーの方は下記ソースをお使い頂けます。MTの個別エントリー内、トラックバックの欄に以下のHTMLをペーストすればだいたいオッケーです。

HTML :
<div class="TB_Thumb"><a rel="nofollow" href="<$MTPingURL$>"><img src="http://img.simpleapi.net/small/<$MTPingURL$>" title="<$MTPingTitle$>" /></a></div>

CSS :
.TB_Thumb { float:left; margin-right:12px; margin-bottom:8px; clear:both; }

今後当サイトにトラックバックすると、TB元サイトのスクリーンショットが掲載されます。試しにこのエントリーにTBしてみてください。TB元サイトのSSが当サイト内に表示されます。視認性も上がって自分じゃ結構気に入ってます。トラバばっちこーい。

SimpleAPI >> | SimpleAPI 開発日記 >>

10 thoughts on “[SITEINFO] トラックバック欄に、トラックバック元サイトのスクリーンショットサムネールを表示するようにしました”

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください