Kebanyakan template blogger menampilkan semua komentar, baik komentar pengunjung atau pemilik blog sama. Nah, karna itu kita agak sulit membedakan secara langsung, mana yang komentar penulis, dan mana yang komentar pengunjung.

Untuk membuat agar komentar pemilik terlihat beda, ikuti petunjuk di bawah ini :

·Sign in ke Blogger dengan akun Anda
·Pilih Layout > Edit HTML
·Centanglah tanda Expand Widget Templates
·Tambahkan kode yang bergaris bawah ini :

<style type=”text/css” media=”print”>

#<dl id=’comments-block’>

<b:loop values=’data:posts.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>

<b:if cond=’data:comment.author == data:post.author’>

<dd class=’blog-author-comment’>

<p><data:comment.body/></p>

</dd>

<b:else/>

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

</b:if>

·Setelah itu, kita harus menambahkan kode bergaris bawah ini di bawah text yang bercetak tebal:

#comments-block .comment-body p {

margin:0 0 .75em;

}

.blog-author-comment {

margin:.25em 0 0;

}

.blog-author-comment p {

margin:0 0 .75em;

padding:5px 10px;

border:1px dotted #254117;

background:#C3FDB8;

}

Ada yang ingin menambahkan?