趴弟筆記簿: 讓回應加上回應者圖片

讓回應加上回應者圖片
2008年5月12日星期一

在Blogger 回應的地方，
幫回應者加上圖片

展開小裝置之後，找到下列的語法


  <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
        <a expr:name='"comment-" + data:comment.id'/>
        <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
        <b:else/>
          <data:comment.author/>
        </b:if>
        <data:commentPostedByMsg/>
      </dt>
      <dd class='comment-body'>
        <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
        <b:else/>
          <p><data:comment.body/></p>
        </b:if>
      </dd>
      <dd class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </dd>
    </b:loop>
  </dl>

在剛剛找到的語法中間，插入下面紅色的這兩行


  <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
      <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
        <a expr:name='"comment-" + data:comment.id'/>
        <b:if cond='data:comment.authorUrl'>
          <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
        <b:else/>
          <data:comment.author/>
        </b:if>
        <data:commentPostedByMsg/>
      </dt>
      <dd class='comment-body'>
        <b:if cond='data:comment.isDeleted'>
          <span class='deleted-comment'><data:comment.body/></span>
        <b:else/>
          <p><data:comment.body/></p>
        </b:if>
      </dd>
      <dd class='comment-footer'>
        <span class='comment-timestamp'>
          <a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
            <data:comment.timestamp/>
          </a>
          <b:include data='comment' name='commentDeleteIcon'/>
        </span>
      </dd>
<div style='clear:both;'/>
    </b:loop>
  </dl>

在 ]]></b:skin> 與 </header> 之間，
插入下列這段語法



<script src='http://yggomelprup.googlepages.com/blogger_comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>

參考資料：