Cara Menampilkan Foto Di Kotak Komentar


Berikut Langkah-Langkah Nya...

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