Menampilkan Photo di Kotak Komentar

Untuk menampilkan photo di kotak komentar seperti yang anda lihat pada screenshoot pada blog saya dibawah ini dan untuk membuatnya silakan ikuti langkah-langkah berikut:





1. seperti biasa Login ke blogger anda
2. pada halaman Dashboard-->Layout--Edit HTML jgn lupa centang kotak 'Expand Widget Templates"
3.Silakan temukan kode dibawah ini tanpa kode yang berwarna merah dan setelah ketemu silakan tambahkan kode yang berwarna merahnya

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='data:comment.anchorName'/>
<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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>

untuk mempermudah menemukan kode nya silakan ketik Ctrl + F di browser anda

4.Selanjutnya cari kode </head> dan silakan copy paste kode berikut diatas kode </head>

<script src='http://www.geocities.com/miz_doc86/comment_photos.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.imageWidth = 30;
BloggerProfiles.imageHeight = 30;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>

Angka 30 merupakan ukuran fhoto seperti ukuran pada blog saya, silakan ganti ukurannya sesuai keinginan anda

5. Langkah terakhir Save Template,,

GOOD LUCK,,,

Sumber