« 9月 2016 12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

Home > ブログカスタマイズ > トラックバックにサムネイル画像装着!

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

*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">を挿入しています。

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

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

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

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

Planting Field Weblog

関連する投稿

1つ星2つ星3つ星4つ星5つ星 (まだ評価されていません)
Loading...

Comments:1

Planting Field Weblog 06-05-27 (土) 23:57

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

 なんか2つのブログでこの数記事、ずっとブログカスタマイズ書いてるね。ま、FC2とロリポではちょっと違うのもあるので良いとしてくださいな。 そんな訳で、FC2ブログの方で使い始めたTB部分の画像のサムネイル表示。(それについての記事はこちら)これをロリポップでも


Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://mac.planting-field.com/archives/eid470.html/trackback
Listed below are links to weblogs that reference
トラックバックにサムネイル画像装着! from [Mac&Lovers]:byPlanting Field 2nd

Home > ブログカスタマイズ > トラックバックにサムネイル画像装着!

ZenBack
Feeds
Other-Meta

人気ブログランキング【ブログの殿堂】 ブログランキング・にほんブログ村へ Powered by SEO Stats ブログパーツ

Return to page top

Get Adobe Flash player
back to top