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

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

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

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

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


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











青しまぞおり実はこれ、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 align=left border=0></a>
<%PingExcerpt%><br clear=all></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 align=left border=0></a>
<%CommentBody%><br clear=all></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 だーしゃのCSS講座 ブログの構造を理解してみよう!
2005-07-11 だーしゃのCSS講座 カスタムプラグインをかっこよく!
2005-07-10 だーしゃのCSS講座 ヘッダーの画像を変えてみよう!


同じカテゴリー(ブログカスタマイズについて)の記事

この記事へのコメント
お帰りだったんですね!! 
そうですね~オフ会是非♪ 参加したいです!!
ヽ(‘ ∇‘ )ノ ワーイ面白そう... 
いつも、分りやすい解説で ありがとうございます♪♪
さっそく、今度のお休みにでも挑戦してみよぉ~~~っと(^_-)---☆Wink
Posted by keiさん at 2006年09月20日 23:34
■keiさんへ

こんにちはー、コメントありがとうございますー。

今回のはコピペするだけなので、比較的簡単に
できるとおもいますよー。

是非チャレンジしてみてくださいねー。
よろしくです!
Posted by だーしゃ at 2006年09月21日 11:16
ほほほ~
おもしろーい!

これって、てぃーだ以外でも大丈夫なん?
Posted by rossi at 2006年09月21日 22:09
ROSSHIさんへ

こんばんはー、これはてぃーだ関連、地域ポータル等ならおそらく大丈夫ですよー。
ですが、ライブドアとかそのほかは仕組みわからないと無理かもです。

仕組みは簡単なので出来なくは無いと思いますけどねー。
Posted by だーしゃ at 2006年09月21日 22:16
だーしゃさまさま

ん~なんだかうまくいかなかったので
やはりやめました
すみません

コメントが表示できない人がいたんですよ

URLが入っていない人や
てぃーだ以外でブログしていない人のコメントがでませんでした

ライブドアは「No Photo」のような画像でした

理由がわからないので
戻しました・失礼!
Posted by rossi at 2006年09月21日 22:24
ROSSIさんへ

こちらコメントしてない人は表示されないんですよー。

そして、他のブログの人でURLを入力している人は、
しばらく放置していると自動に作られると思いますー。

特に害はないので大丈夫ですよー
Posted by だーしゃ at 2006年09月21日 22:27
こんばんは~
まねしてやってみました。
またイロイロ教えてください。
Posted by ぱふ at 2006年09月22日 19:06
さっそく記事にしてくださってありがとうございます^-^

書き換えたらうまく表示されるようになりました♪

これからのカスタマイズネタを楽しみにしていま~す!!
Posted by らぶ at 2006年09月23日 10:19
だーしゃ先生!
うちも早速やってみました!

コメント欄がにぎやかになって楽しいですね(^。^)
『ブログの活用講座!』シリーズ楽しみにしてます~!!
Posted by gappaiパパ at 2006年09月25日 22:55
■ぱふさんへ

こんにちはー、コメントありがとうございますー。
コメント欄がにぎやかになりますよね。

でも向こうのAPIサーバーには負担かかりまくりかも。
ちょっと表示できてないですからね。。

■らぶさんへ
カスタマイズ、色々とあるので、わかりやすいのからやっていきますねぇー。
他にはなにがいいかなぁと。
考えてみます(^^)


■gappaiパパ さんへ

コメントありがとうございます。
こちらにぎやかになりますよねー。
他にも色々ネタを考えますよ!
よろしくです!
Posted by だーしゃ at 2006年09月26日 01:45
はじめまして!
すごいですねぇ~!!
ちょいとお勉強させてもらってますが・・・・
できましぇん。
できるといいけどォ・・・・・・
Posted by ☆BABYDOLL☆ at 2006年09月27日 13:42
もしかしてできたかも??d(≧▽≦*d)
また、勉強させていただきます♪

だーしゃさんすごいな~o(*'▽'*)/☆゜'・:*☆
Posted by ☆BABYDOLL☆ at 2006年09月27日 15:08
できた!!!・・・と思ったら、あら??
何が悪いんだろぉ・・・・・
Posted by ★鮎魚★ at 2006年09月27日 16:12
■☆BABYDOLL☆ さんへ

コメントありがとうございますー。
どうやらできたみたいですね(^^)
こちらURLが間違っていたりするとちゃんと表示できないので、
ご了承くださいね。宜しくお願いいたします。


■★鮎魚★ さんへ

ブログできてるみたいですね(^^)
ですが、★鮎魚★ さんのURLが間違っているので、
真っ白になっていますよー。

こちらブログのURLを入れてみてくださいね。
特に問題ないけど、URLがおかしくなっているとかであれば、
キャッシュのクリア等をしてみてくださいねー。
よろしくです。
Posted by だーしゃ at 2006年09月27日 16:30
初心者的で申し訳ないですが・・・・・
だーしゃさん(笑)
お聞きしたいんですが・・・
↑コメのこちらのURLって何??
Posted by ☆BABYDOLL☆ at 2006年09月27日 17:20
あと、(何度もすいません)

コメント書く場合、このサムネイム化できないときもあるんでしょうか?
その時は、どうするのかなぁ?

たとえば、自分のブログ、だーしゃさん、Aさんのブログコメントは表示されるんですが、その他。他の方のコメントのところに書くと表示されないときもあって・・・なぜ??
Posted by ☆BABYDOLL☆ at 2006年09月27日 17:22
■☆BABYDOLL☆ さんへ

このサムネイルを表示するには、表示させる画面のURLが必要になります。
コメントを入力する時にURLを入れる欄がありますよね、
そちらのURLを読み込む形になるんですよ。

そのURL欄のURLが間違っていたりするとちゃんと表示できません。
またURLを入力してないと、NOWPRINTINGになります。

URLをちゃんと入れているのにNOWPRINTINGになっているのは
まだ画像が作られて無いだけなのでしばらくほっておくと作られると思います。
なのでつくられるまで待っていてくださいねー。
Posted by だーしゃ at 2006年09月27日 18:36
そうなんですね♪
(未だよくわからない気が笑)
勉強して理解しなくては!
色々親切にどうもです。

あと、勝手にお気に入りに追加させてもらいます!!(^_-)---☆
Posted by ☆BABYDOLL☆ at 2006年09月27日 22:20
何とかできたみたいです 笑
すみませんでした。。。
URLがちゃんとされてなかったんですね!!
またお世話になります 笑

鮎もお気に入り入れさせてもらいますね♪
Posted by ★鮎魚★ at 2006年09月28日 00:31
待ってました!だーしゃさんの「ブログ活用講座」(*^^*)
さっそくやってみました!ほんと、コメント欄が楽しくなりましたヽ( ´ ▽ ` )ノ
うれしいです!ありがとうございました。

いつまでたっても初心者のままの私、自分では何も出来ずで。
だーしゃさんのわかりやすい解説のおかげで
ちょこちょこブログをいじることが出来てとってもうれしいです。

また次の講座も楽しみに待ってます(^人^)
Posted by kuu at 2006年09月29日 18:01
☆BABYDOLL☆ さんへ

コメントありがとうございますー
お気に入りにも追加していただいてありがとうございます(^^)
また判らないところ所などあれば聞いて下さいねー

★鮎魚★ さんへ

コメントありがとうございます。
URLがちゃんとはいっってますね!
ちゃんと表示されてますよー。
この調子でチャレンジしてください!


kuuさんへ

コメントありがとうございますー。
こちらを利用するとみばえがよくなりますよね。
是非利用してくださいね。
どうぞよろしくお願い致します。
Posted by だーしゃ at 2006年10月01日 22:22
だーしゃさんのブログを見てカスタムプラグインで枠線を作る勉強させていたいただきました。
どうです?イケてますかねぇ?
Posted by ツイてる♂ at 2006年10月03日 14:28
がーん。だーしゃさんとこで解説あったんですね・・・。

★鮎魚★さんとこで、「このサムネイル」どうやっているだろうと思って、TI-DAの管理画面をさまよっても、そんな設定なくて、画像のプロパティからSimpleAPIに辿り着いて、そこから組み込んで、レイアウト崩れの修正など、試行錯誤してやっと組み込めたのに・・・、先にここを見てみればよかったです(;-;

あ、でも、トラックバックまでは設定してなかったので、ソース使わせて頂きます(>_<)。

いつもためになる講座ありがとうございます!
Posted by まつじゅん at 2006年10月11日 18:34
がーん。だーしゃさんとこで解説あったんですね・・・。

★鮎魚★さんとこで、「このサムネイル」どうやっているだろうと思って、TI-DAの管理画面をさまよっても、そんな設定なくて、画像のプロパティからSimpleAPIに辿り着いて、そこから組み込んで、レイアウト崩れの修正など、試行錯誤してやっと組み込めたのに・・・、先にここを見てみればよかったです(;-;

あ、でも、トラックバックまでは設定してなかったので、ソース使わせて頂きます(>_<)。

いつもためになる講座ありがとうございます!
Posted by まつじゅん at 2006年10月11日 23:33
だーしゃさん、はじめまして。
滋賀・咲くBlogを利用しています、もすたんです。

早速使わせていただきました。
見にきてよかったです(笑)

ありがとうございます^^
Posted by もすたん at 2006年10月12日 17:46
■ツイてる♂さんへ

コメントありがとうございますー。
プラグインばっちりですよ!
是非色々と活用してくださいねー。

■まつじゅん さんへ

コメントありがとうございますー。
ご自分でやられたんですね!すごいじゃないですか(^^)!
是非是非いろいろと活用してくださいねー。
どうぞよろしくおねがいします。

■もすたんさんへ
滋賀の方でもばっちりつかえるとおもいますので
是非色々と活用してくださいね。
コメント欄にぎやかになりますので(^^)
Posted by だーしゃ at 2006年10月17日 22:44
ありがとうございました。

早速、使わせてまらいました。
しかも、みんなに教えました。
たいへん、喜ばれましたよ。
Posted by はる at 2006年12月04日 02:46
はるさんへ

紹介していただいてありがとうございます(^^)
みなさんでドンドン活用してほしいですよー。

これからもどうぞ宜しくお願いいたします。
Posted by だーしゃ at 2006年12月05日 17:07
初めまして!
私もCLOG(ブログふくおかよかよか)でブログを書いています。
CSS講座など、とても参考になりました☆
ありがとうございました!
このサムネイルの付け方も使わせていただきます☆
Posted by カフェ王子☆ at 2006年12月10日 00:09
カフェ王子☆さんへ

こんにちはー、追記のおりたたみ、あんな幹事でできるんですねー
これはずごい!!

僕も参考のさせていただきますね。
どうぞ宜しくお願いいたします(^^)!
Posted by だーしゃ at 2006年12月11日 22:06
だーしゃさま。

今頃・・・って感じですが、やってみました。
私のはまだイメージが作成されてないみたいで、表示されませんが^^;

カスタマイズに関しては、いろいろ参考にさせていただいています♪

もう少し、いろいろやってみようかな。。。
Posted by 石嶺町旗頭保存会 at 2007年02月27日 15:16
■石嶺町旗頭保存会 さんへ

こちらなり以前のでコメントに気がつかなくて申し訳ありませんですーー。

えっとですね、バージョンを上げてますので、
次のバーション3を利用してみてください。

今から書きますので、
どうぞよろしくお願いいたします。
Posted by だーしゃだーしゃ at 2008年07月14日 10:21
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。