Gaya Berbeda untuk komentar pemilik Blog

seperti judulny jadi ga perlu dijelasin panjang lebar pokok intinya comment atau komentar di post antara pemilik sama orang lain tuh beda .
ikutin caranya .....

Ke Layout > Edit HTML , seperti biasa Expand Widget Templates . Pastikan anda sebelumnya memback-up Template blogger anda karena kita sedang bermain HTML takutnya ga bisa kembali lagi . huh

oke tambahkan kode yang berwarna merah diantara kode kode ini


<style type="text/cs' media='print'>
#<dl id='comment-block'>
<c:loop values='data:post.comment' 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 kode yang berwarna merah

#comment-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;
}


Save template dan lihat blog anda !