2007年07月26日
コメント・トラバにサムネイルを付けてみよう ver.2
はい、久しぶりに、ちょっとブログの活用講座。
記憶喪失で色々とブログを読み返していたら、
いろんな事やってますねー、（＾＾）
でも今ちょっとコメントのサムネイルとかが
うまく動いてないので、別の物も用意していました。
今僕のコメントはそれで動いています（＾＾）
↑これですね、このやり方を、簡単に。
こちらはとあるサービスを利用します。
それはこちら。
http://x-row.cc/igwebcap/
このサービスは入力したURLのページをサムネイル化してくれる
とってもうれしいサービスです。
ただし、クリックしたら一枚ページをはさむ事になりますが、
それは仕方ないですよね。
さて、やり方はなんですが、
簡単にコピペすればできるようにしておきましょうねー。
いちお間違えたらできないので、自己責任でしてくださいね。
それでは早速コピペしよう！さて、それでは本題にはいるのですが、
これは下記のソースを任意の場所にコピペしてください。
管理画面＞テンプレート＞カスタマイズ＞個別記事のソースを良く見てくださいね。
トラックバックについては、
■トラックバック編
<TrackBacksLoop>～～～～</TrackBacksLoop>
↑タグからタグまでを
下記ソースをコピーして上書きしてみてください。
<TrackBacksLoop>
<div class="trackback-body">
<table>
<tr>
<h3>
■ <%PingTitle%>
</h3>
</tr>
<tr>
<td>
<script type="text/javascript" charset="Shift-JIS" src="http://x-row.cc/igwebcap/api.php?wait=10&width=160&height=120&shadow=000000&url=<%PingBlogUrl%>"></script>
</td>
<td>
<%PingExcerpt%>
</td>
</tr>
</table>
<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">
<table>
<tr>
<h3>
■ <%CommentAuthor%>
</h3>
</tr>
<tr>
<td>
<script type="text/javascript" charset="Shift-JIS" src="http://x-row.cc/igwebcap/api.php?wait=10&width=160&height=120&shadow=000000&url=<%CommentUrl%>"></script>
</td>
<td>
<%CommentBody%>
</td>
</tr>
</table>
<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>
そして、個別記事のソース部分のプレビューを押して、
↑こうなっていたら成功です！
是非一度チャレンジしてみてくださいね。
もしこのサムネイルが嫌いな人は、以前のやつを参考にしてみてください。
それでは！！
・コメントトラバにサムネイルをつけてみようー。
http://daxiazzz.ti-da.net/e1030516.html
■関連記事一覧
↓
CSS＆ブログの活用講座！
この記事へのトラックバックURL
http://daxiazzz.ti-da.net/t1670953
この記事へのコメント
|
|
こんばんは！！ いつも参考にさせていただいています！！ 真似っこさせてもらいました☆ 前回のサムネイルでは正常に起動しなかったようで コメントが重なって読み辛いといわれてしまいました。。。 今、新しいサムネイルでやってみたので様子みたいと思います！！ いつも 分かりやすく教えてくださってぁりヵゞとｍ(´・ω・｀*)ｍご±〃ぃます |
Posted by ☆鮎っぺ☆
at 2007年08月11日 01:37
at 2007年08月11日 01:37|
|
■☆鮎っぺ☆さんへ こちら使っていただいてありがとうございますー（＾＾） もし大きさが気になったら 「width=160&height=120」 の部分を変更してみてくださいねー。 そしたらかわるはずー。 何かあったらきいてくださいねー（＾＾） |
Posted by だーしゃ at 2007年08月11日 10:03
|
|
は〜い!!! ありがとうございます☆ |
Posted by ☆鮎っぺ☆ at 2007年08月12日 02:48
|
|
■☆鮎っぺ☆さんへ いつでもよろしくです（＾＾） 楽しんでいきましょぉー！ |
Posted by だーしゃ at 2007年08月12日 10:03
at 2007年08月12日 10:03|
|
だーしゃsan,,, 助けて～（（泣 サムネイル貼ってからか若干重くなったのか 表示が遅くなったような。。。 下にスクロールしようとすると 固まったりします。 気に入ってるので外したくないのですが なにか方法がありませんか？ あと、ｺﾒﾝﾄ欄が小さくなってしまったのも気になるかな～ （サムネイル分小さくなるのは当たり前なんですが 汗） サムネイルって、小さくできたりしませんか？ もし小さくできたら 若干軽くなったりするんでしょうか。。 それともサイズ変わっても 重さは変わらないのかな？？ |
Posted by ☆鮎っぺ☆ at 2007年08月18日 14:23
|
|
|；´・ω･`|ゞ ｽﾝﾏｾﾝ 上のｺﾒﾝﾄのお返事にサイズの変更方法ありますね 汗。 どこかで見た感じしてたんですが（（笑 「width=160&height=120」を半分とかにすればいいのかなぁ・・・ 試してみますね～ |
Posted by ☆鮎っぺ☆ at 2007年08月18日 14:25
|
|
☆鮎っぺ☆さんへ コメントありがとうございますー（＾＾） メッセージ送りましたのでご確認くださいねー。 もしよく分からなかったらまた聞いてくださいー（＾＾） どうぞよろしくお願い致します。 |
Posted by だーしゃ at 2007年08月18日 19:42
at 2007年08月18日 19:42|
|
こんにちは～ いつもブログ講座を参考にさせて頂いております。 沖縄ティーダではなく、富山のこられとやまというＣＬＯＧ地域ポータルサイトを利用しているのですがヾ(^_^;) おかげさまで、満足のいくブログデザインを作れつつあります～ だーしゃさんに、一度お礼を（*_ _）ありがとうごじゃーます。 |
Posted by ウルズ at 2007年08月20日 12:48
|
|
■ウルズさんへ こんにちはー！コメントありがとうございますー、 いえいえ、こちらこそ、どんどん使ってくださいねー（＾＾） 色々とネタを出していますから～ これからもよろしくお願い致します。 |
Posted by だーしゃ at 2007年08月20日 18:39
|
|
はじめまして。m(__)m 浜松の「はまぞう」ブログを利用している、ビープロと申します。 以前のサムネイル機能のカスタマイズも参考にさせてもらっていましたが、今回も利用させていただきました。 ご報告と共に、お礼を申し上げます。m(__)m 今後も、だーしゃさんのカスタマイズ講座、参考にさせていただきますね！ |
Posted by ビープロ at 2007年08月27日 01:53
|
|
■ビープロさんへ コメントありがとうございますー、 そしてこちらも使ってもらってありがとうございますー、 どんどん言い形になればうれしいですよー。 カスタマイズについては、思いついた分乗せていきますねー。 よろしくお願い致します。 |
Posted by だーしゃ at 2007年08月27日 11:10
|
|
はじめまして。いつもこちらのページを参考にさせて いただいています。とても感謝です！ ところでコメント欄でも、ポップアップで絵文字パレットを出して コメントに絵文字を使えるようにカスタマイズ可能なんでしょうか？ それともそれは個人のカスタマイズでは無理ですか？ 最近よくそういうブログを見るもので、、、。 お教えください。 |
Posted by M子 at 2007年08月27日 20:19
|
|
■Ｍ子さんへ コメントありがとうございますー、 そして、それなんですが、あれはちょっとシステム的な問題になるので、 個別ブログレベルのカスタマイズではむずかしいですねー。 確かに色々なブログでみますよね、 システムを作っている人に要望してみましょうねー（＾＾） |
Posted by だーしゃ at 2007年08月27日 20:23
at 2007年08月27日 20:23|
|
そうなんですか、やっぱり。 ゼヒゼヒ、システムの方に要望お願いいたします。 絵文字はやっぱり使いたいです（＾＾ 回答ありがとうございました。 |
Posted by M子 at 2007年08月27日 21:30
|
|
■Ｍ子さんへ そうですよね、ちょっとあの絵文字があるだけで、 ぜんぜん違ってきますからねー、 かわいい感じにできれば（＾＾） いいですよねっ。 |
Posted by だーしゃ at 2007年08月28日 20:24
|
|
だーしゃsan～～ あのですね・・・ このサムネイルのやり方を聞かれたのですが 鮎のBLOGでもやり方説明の記事かいてもいいですか？？ それとも そのままココのURL教えたほうがいいですか？？ 確認とりたくて(A；´ 3`) ぁせぁせ お返事おねがいしま～～す☆ |
Posted by ☆鮎っぺ☆ at 2007年10月21日 11:25
|
|
鮎っへさんへ どっちでもいいですよ〜(^-^)/ みんなに使ってもらえればそれでおっけーなので〜o(^-^)o 楽しく使いましょ〜ね〜☆ |
Posted by だーしゃ at 2007年10月21日 11:28
|
|
d(´･ω･`)了解しました！ １度書いてみて、難しければコチラの紹介しますね！ あ、トラバさせてもらいま～～す☆ 今夜にでもゆっくり記事作ってみたいと思います♪ |
Posted by ☆鮎っぺ☆ at 2007年10月21日 16:19
|
|
だーしゃsan~!! 一応記事、書いて見ました(；´Д`A ```ｱｾﾀﾞｸ ほぼ だーしゃsanと似た感じになっちゃいましたが。。。 アリガトウございました！！！ |
Posted by ☆鮎っぺ☆ at 2007年10月21日 23:19
at 2007年10月21日 23:19|
|
■ ☆鮎っぺ☆さんへ ばっちりですよぉー（＾＾）！ アンパンマンもとんでるじゃないですかぁー！ あれはすごい！！ おもしろいですねぇー。 僕ももっと色々と考えていきますねぇー（＾＾） |
Posted by だーしゃ at 2007年10月22日 13:03
at 2007年10月22日 13:03|
|
はじめまして！お忙しい中すみません。教えて下さい。 タグをそのままコピペすると文字の大きさが変わってしまうんですが、 文字の大きさは変更せずにするには、どうすればいいでしょうか？ |
Posted by chocolat at 2008年04月21日 11:37
at 2008年04月21日 11:37|
|
■chocolatさんへ こちらなのですが、恐らくchocolatさんのスタイルシートが問題になっているとおもいますよー。 なので、chocolatさんの文字のスタイルシートで、 文字の大きさを調整すれば大丈夫だとおもいます（＾＾） 実際のブログを見てないので、これ以上なんともいえなくてごめんなさい。 |
Posted by だーしゃ at 2008年04月21日 14:22
|
|
お返事有難うございます。 Firefoxでは、フォントサイズは変更されていませんが、 Explorerで見ると、コメント欄だけフォントが大きく表示されます(>_<) お忙しいとは思いますが、良かったら教えて下さいm(__)m |
Posted by chocolat at 2008年04月21日 15:01
at 2008年04月21日 15:01|
|
■chocolatさんへ こちらなのですが、font-sizeが問題だと思いますーー えーと、いま ％ で指定されているので、それを px にしたら多分OKかなとおもいますよ。 ↓ /* コメント本文 */ .comments-body{ margin: 5px 20px; font-size: 12px; line-height: 130%; } ↑こちら 82％ だったのを 12ｐｘにしてみてください。 多分これかなぁ。と試してみないと分からないので、 よろしくお願いいたします。 |
Posted by だーしゃ at 2008年04月21日 15:27
|
|
何度もすみません。。。 font-size: 12px; にしてみましたが、それでも出来ません。。。 ちなみに10px;にしても、結果は同じでした(>_<) |
Posted by chocolat at 2008年04月21日 15:35
at 2008年04月21日 15:35|
|
■chocolat うーんとですね、たぶんですけれど、chocolatさんの場合は、 今貼り付けたタグの中に <%CommentBody%> と言う部分があると思うので、それを ↓ <font size="2"><%CommentBody%></font> こんな風に書き換えてみてください。 すると多分ちゃんと見る事ができるとおもいますーー（＾＾） すいません、色々と状況でちがってきたりするんです。。。 よろしくお願いいたします。 |
Posted by だーしゃ at 2008年04月22日 09:42
|
|
だーしゃさん、出来ました！！！本当にご迷惑をお掛け致しました。 ご親切に色々教えて下さって有難うございましたm(__)m |
Posted by chocolat at 2008年04月22日 10:57
at 2008年04月22日 10:57|
|
はじめまして＾＾ だーしゃさん♪ 早速サムネイルを付けてみました！ 大きさを変えたり、ＨＮの文字を小さくしたりと 楽しい～っ！(≧ω≦)ｂ しかし、 表示したサムネイルの角が丸くならず。。。( ｉдｉ ) サイズを縮小したからでしょうか？？？ お時間のあるときにでも、 ご回答いただけると嬉しいです (〃ー〃) |
Posted by まくら at 2008年07月14日 06:43
at 2008年07月14日 06:43|
|
■まくらさんへ こんにちはー、コメントありがとうございますー。 こちらなんですが、実はバージョンがもう一個あるんです。 なので、今日はそれをネタにしましょうね。 それで変更してくれたら多分すぐに出来ると思いますのでーー。 どうぞよろしくお願いいたします（＾＾） |
Posted by だーしゃ at 2008年07月14日 10:43
at 2008年07月14日 10:43|
|
だーしゃさま、 うわぁ～ 嬉しい♪ 楽しみにしてます(*・ε・*) だーしゃさんのサムネイルのように、 クリックして”一枚ページをはさまず” 直ぐに目的サイトへと飛べるといいな♪♪♪ |
Posted by まくら at 2008年07月14日 11:52
at 2008年07月14日 11:52|
|
■まくらさんへ こちらはちょっとサービスを変えないといけませんでした、 このサービスはとりあえず、止まらないと思いますが、 直で飛べた方がいいですもんねー（＾＾） |
Posted by 管理者 at 2008年07月14日 20:47
at 2008年07月14日 20:47■ヨッシャーカテゴリー
・CSS＆ブログの活用講座！
・沖縄 写真
・└ 沖縄ちゅら海写真
・└ 空 写真
・└ 沖縄 人写真
・└ 動物 写真
・沖縄スタイル
・沖縄不思議ワールド
・IT?
・JOY WORK
・記憶喪失障害的闘病生活！？
・おいしいモノ！
・└ オススメレストラン
・└ カフェ
・└ 食堂
・└ 沖縄そば
・沖縄観光クーポン券情報
てぃーだスタッフがお届けする！お得なローソン活用術！
