沖縄からヨッシャー（＝＾＾）９

皆様こんにちは、です。
久しぶりにCSS,ブログの講座ですが、

こちらは以前やっていた、

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

の続き、別のサービスを使って見たいと思います。
こちらのサービスはとっても使い勝手がいいので、
重宝させていただいていますよーー。

さて、やり方なのですが、基本的に簡単にやりましょうね。

管理画面　＞　テンプレートページ　＞ カスタマイズ

のところにある、個別記事部分、そこのコメント部分を変更しましょう。

やり方は簡単に出来るようにコピー＆ペースト対応でやりましょうね。


でも自己責任です。なので、最初にやる事は、

個別記事のコピーを作っておく事。
そうすると変な事になってもすぐ戻す事ができますので、
個別記事のコピーは最初に作っておいてください。



さて、まずどうするかというと、


■トラックバック編
<TrackBacksLoop>～～～～</TrackBacksLoop>

■コメント編
<CommentsLoop>～～～～</CommentsLoop>


上記のタグがまずこの個別記事のタグ中に存在します。ｌ
そこを変更コピペしてください。


今回のサービスは


上こちらのサービス、[　HeartRails Capture 」を利用します。
これは便利ですよー、ほんとにー。大きさやちょっとした形等
自分の好きなようにできますので、それは自分で設定してくださいね。

さて、まずはトラックバックの部分ですが、

■トラックバック編
<TrackBacksLoop>～～～～</TrackBacksLoop>

<TrackBacksLoop>
<div class="trackback-body">
<table>
<tr>
<h3>
■　<%PingTitle%>
</h3>
</tr>
<tr>
<td>

<!--画像-->
<a href="<%PingBlogUrl%>"><img src="http://capture.heartrails.com/150x150/cool?<%PingBlogUrl%>" alt="<%PingBlogUrl%>" width="150" height="150" /></a>
<!--画像-->

</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>

上記部分をコピーしてカスタマイズ内にて同じ部分にペースト、貼り付けてください。
それでOKです。

■コメント編
<CommentsLoop>～～～～</CommentsLoop>

コメント部分についても同じですが、

<CommentsLoop>
<div class="comments-body">
<table>
<tr>
<h3>
■　<%CommentAuthor%>
</h3>
</tr>
<tr>
<td>

<a href="<%CommentUrl%>"><img src="http://capture.heartrails.com/160x160/cool/shorten?<%CommentUrl%>" alt="<%CommentUrl%>" width="160" /></a>

</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>

という感じで、トラバとコメント部分を書き換える感じです。
これは以前の方法と同じなので、出来る方はすぐ出来ると思いますよ。

是非コメントに、書き込んでいただいた方のHPやブログが出てくれると、
なんだか華やかになるので、チャレンジしてみてくださいねーー。

でわ！