ムーバブルタイプでトラックバック送信元のサイトサムネイルを自動で表示する方法

ブログ書いてるみなさんトラックバックって受け付けてます?

最近では、トラックバックスパムが多かったり、ろくなトラックバックが送信されてこなかったり。。。
送られてきたトラックバックをほったらかしにして見てなかったり・・・

実際ブログを見に来てくれてる方々にも、トラックバックって必要なの?なんて思ってしまう今日この頃。。
先日、サイトのサムネイル作ってくれるSimpleAPIの記事でご紹介しました、このツールを使えばトラックバック送信元のサイトのサムネイルを自動的に表示することができますねん。

実際には・・・こんなんじゃ↓

track_thumb.gif

こうすれば、なかなか見栄えもいいし、ブログを見に来てくれる人にもリンクする前にリンク先のサイトのイメージがつかめるもんで親切じゃない?

っちゅうわけで、ムーバブルタイプ使ってるユーザーさんにこのコードを・・・↓

<MTPings>
<MTPingsHeader>
<div class="trackbacks-content">
<p>この一覧は、次のエントリーを参照しています:  <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>:</p>
</MTPingsHeader>
<a id="p<$MTPingID pad="1"$>"></a>
<div class="trackback" id="ping-<$MTPingID$>">
<div class="trackback-content">
<p>
» <a rel="nofollow" href="<$MTPingURL$>"><$MTPingTitle$></a> 送信元 <$MTPingBlogName$><br />
<div class="trackback-site-img" style="float: left; margin: 0 10px 10px 0;"><a href="<$MTPingURL$>" target="_blank" rel="nofollow"><img src="http://img.simpleapi.net/small/<$MTPingURL$>" alt="<$MTPingBlogName$>" title="<$MTPingBlogName$>" border="0" width="100" /></a></div>
<$MTPingExcerpt$> <a rel="nofollow" href="<$MTPingURL$>">[詳しくはこちら]</a>                                 </p>
</div>
<p class="trackback-footer">
トラックバック時刻:  <a href="#ping-<$MTPingID$>"><$MTPingDate$></a>                              </p>
<div style="clear: both;"></div>
</div>
<MTPingsFooter>
</div>
</MTPingsFooter>
</MTPings>

このコードをコピーして、エントリーテンプレートの<MTPings>から</MTPings>の部分を書き換えたらできますねん。

ファイル更新履歴:

October 27: 44さんからのご指摘!
> 次のトラックバックのタイトルが
> 上のトラックバックに少しかぶる。
> っていう事がおこってしまいました…。

修正いたしました。。。
clear: bothで画像のfloat回避しました。

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



No Responses to “ムーバブルタイプでトラックバック送信元のサイトサムネイルを自動で表示する方法”

  1. 44 Says:

    早速、使わさせていただきました。
    でも、ここのテンプレートを使って
    ↑にあったタグを書き換えたら。

    次のトラックバックのタイトルが
    上のトラックバックに少しかぶる。
    っていう事がおこってしまいました…。

    でも、適当に改行タグをいれたら無事になおりました。笑

    見やすくて便利ですね♪

  2. YujiFujisaka's Blog Says:

    トラックバックにサムネイルを表示

    CJさんの『BlognPlusを使おう!』
    でトラックバックにサムネイルを表示するようにする改造の方法が書かれていたので、

    このブログでもやってみ…

  3. kisatonomori blog Says:

    トラックバック先のサムネイルを表示

    >>果報は寝て待て(-_☆) ―トラックバック先のサムネイルを表示してみる?

    “果報は寝て待て(-_☆) ”さんのところに表示されてるの…

  4. 果報は寝て待て(-_☆) Says:

    トラックバック先のサムネイルを表示してみる?

    ココ最近、BLOGのTB表示欄にサムネイルが表示されているトコを見かけたので、ぜひ「やってみたいなぁ・・・」と思っていたのですが・・・。

    きっと…

  5. Pavloba Says:

    はじめまして。
    TBありがとうございました。
    コチラからもTBを返させていただきました。

    いろいろと小技・大技(?)の効いたステキなBLOGですね。
    大変参考になりました。
    今後ともどうぞ、よろしくお願い致します。

  6. 管理人 Says:

    Pavlobaさん
    コメントどうもです。こちらこそどうぞよろしくお願いいたします~!!

    44さん
    バグ出しどうも。改行タグ入れても、直りますが・・・根本的には解決になっていないような感じなので・・修正しました~。また、コピペしてくださいな。

  7. next global jungle Says:

    トラックバックにサイトのサムネイルを表示

    百式の編集後記で紹介されていたのですが、トラックバックしてくれたサイトのサムネイ…

  8. Planting Field weblog Says:

    ロリポブログにもトラックバックにサムネイル画像

     なんか2つのブログでこの数記事、ずっとブログカスタマイズ書いてるね。ま、FC2とLOLIPOP!ではちょっと違うのもあるので良いとしてくださいな。 そん…

  9. らーめん日記 Says:

    トラックバックにサムネイル

    i d e a * i d e a で紹介されていた、トラックバックにサイトの縮小画像を入れてみたをインスパイアさせていただきまして、 このらーめん日記で…

  10. 内職在宅ワークマガジン 『短時間で副収入!』 Says:

    トラックバック・Ping送信先

    トラックバックをどこにしたらいいか分からない方のために■アフィリエイト関連限定のトラックバック送信先一覧

  11. AfroCafe.net Says:

    オススメなサイト

    私の友達にWEBデザイナーがいます。 彼は朝から晩までWEBのことを考えています…

  12. 内職在宅ワークマガジン 『短時間で副収入!』 Says:

    SEOのウソ、ホント!?

    常に情報を仕入れておかないとSEO対策のつもりがリンクスパムとして、逆に検索の順位を落とす可能性も出てきます。そこで直接、SEOエキスパートであるMike…

  13. サーログ Says:

    スナップショット(サムネイル)の自動生成

    「リンクされた部分にマウスを乗せる」とイメージが表示されるサービスが最近増えてき…

  14. Web*Lav Says:

    links for 2007-03-26

    PingLiner -トラックバックping一括送信サービス- (…

  15. juyama.net Says:

    MT 自宅サーバへの移転と各種設定

    このブログはMT(MovableType)で構築しています。以前はレンタルサーバ…

この記事に対するコメントを残す




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

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ