コメント・トラバにサムネイルを付けてみよう！

はいさい、どうもこんばんは！

今日はですね、てぃーだやその他の地域ブログポータルをしている人に
ちょこっと改造アドバイス！

そうなんです、ぼくが最近始めたコメントやトラックバックに
そのブログのサムネイルを自動で生成する方法をお教えしますよー。



わかりやすく説明してみますので、是非チャレンジしてくださいね。











実はこれ、SimpleAPIを利用してます



さて、実際はどのようにやっているかというと、
とあるサービスを利用しています。


SimpleAPI - ウェブサイト・サムネイル化ツール
http://img.simpleapi.net/

←これもそのサービスを利用しております。



かなりラクラクにできますよー。










それでは早速コピペしよう！



さて、それでは本題にはいるのですが、
これは下記のソースを任意の場所にコピペしてください。


管理画面＞オリジナルデザイン＞個別記事のソースを良く見てくださいね。







■トラックバック編
<TrackBacksLoop>～～～～</TrackBacksLoop>
↑タグからタグまでを下記ソースで上書きしてみてください。

<TrackBacksLoop>
<div class="trackback-body">
<a href="<%PingBlogUrl%>"><img src="http://img.simpleapi.net/small/<%PingBlogUrl%>" alt="" width=100 height=100 hspace=4 vspace=4 border=0></a>
<%PingExcerpt%><br ></div>

<div class="trackback-post"><a class="atrackback-post" target="_blank" href="<%PingBlogUrl%>"><%PingTitle%></a>【<%PingBlogName%>】at <%PingDateTime%></div>
</TrackBacksLoop>

■コメント編
<CommentsLoop>～～～～</CommentsLoop>
↑タグからタグまでを下記ソースで上書きしてみてください。

<CommentsLoop>
<div class="comments-body">
<a href="<%CommentUrl%>"><img src="http://img.simpleapi.net/small/<%CommentUrl%>" alt="" width=100 height=100 hspace=4 vspace=4 border=0></a>
<%CommentBody%><br ></div>
<div class="comments-post">Posted by <IfCommentUrl><a class="aposted" href="<%CommentUrl%>"><%CommentAuthor%></a><ElseIfCommentEmail><%CommentAuthor%><Else><%CommentAuthor%></IfCommentUrl> at <%CommentDateTime%></div>
</CommentsLoop>

はい、そして保存すればおそらくOKです！


しかーーーし、


こちらは外部のサービスを使うので突然利用できなくなったりするかも。
なので完全に保証は出来ませんよ～～～。

そして！このソースを使って不具合が起きた場合は責任は持てませんーーーので
自己責任でお願いします。




最悪の場合は新しいテンプレートに変えれば戻るはず（＾＾；。



それでは！アディオス！



■スタイルシートをいろいろ変更したい方はコチラへ

2006-04-11 だーしゃのCSS講座　写真に自動で白縁をつけたい！

2005-12-29 だーしゃのCSS講座　引用文に色を付けてみよう！

2005-09-02 だーしゃのCSS講座　線のカスタマイズしよう！

2005-07-28 だーしゃのCSS講座　背景画像及び背景色を変更してみよう！

2005-07-21 だーしゃのCSS講座　ブログタイトルの位置を変更してみよう！

2005-07-18 だーしゃのCSS講座　ブログタイトルの色を変えてみよう！

2005-07-17 だーしゃのＣＳＳ講座　ブログの構造を理解してみよう！

2005-07-11 だーしゃのCSS講座　カスタムプラグインをかっこよく！

2005-07-10 だーしゃのCSS講座　ヘッダーの画像を変えてみよう！