Menampilkan Photo Di Kotak Komentar

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