warna comentar admin berbeda

waah udah 2 hari ngga posting jadi bingung mo posting apa..? tapi tetap semangat dan akhirnya nemu deh materi tutorial yang pengen di post untuk agan agan...
nah kali ini saya akan coba untuk ngasih tutorial cara membuat warna bg komentar admin(author) berbeda dengan pengunjung.. contohnya ginini :

nah kalau agan tertarik.. cara memasangnya liat dibawah ini :

1. logn in ke akun blogger agan

2. langsung aja ke RANCANGAN--> EDIT HTML ( jangan lupa centang expand template widget )

3. cari code

]]></b:skin>

4.  copas ( copy dan paste ) code di bawah ini sebelum/diatas kode pada tahap 3

.comment-body-author {
background: #E6E6E6; /* Warna Background */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}

5. kemudian cari code seperti atau mirip-mirip code di bawah ini 

 <dl id='comments-block'>
<b:loop values='data:post.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>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<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>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

nb. code yang berwana BIRU adalah kode yang harus agan sisipkan..

6. simpan

Posted in: tutorial blog