membuat beda komentar admin di kolom komentar

Kemarin ada yang tanya saya lewat email namanya mbak lina, gimana caranaya membuat beda komentar admin di kolom komentar? . istilahnya biasa disebut Author Comment Highlight nah fungsinya untuk mengetahui  komentar dari pengunjung blog dan mana komentar pemilik blog. Imagesnya seperti dibawah ini:

Berikut langkah - langkah membuat Author Comment Highlight :

1. Masuk pada Template
    
2. Edit HTML  jangan lupa beri tanda centang pada Expand Template Widget
   
   
3. Cari kode <dd class=’comment-body’> atau lihat arahan kode warna hijau dibawah ini, jika sudah ketemu kode <dd class=’comment-body’> tambahkan kode dengan warna merah di atas kode tersebut. kemudian tambahkan juga kode </b:if> seperti tampak pada kode dibawah.
   
   

<dl id='comments-block'>          <b:loop values='data:post.comments' var='comment'> <b:if cond='data:comment.author == data:post.author'> <dt class='owner-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:else/>            <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>

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

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

Tambahkan kode CSS dibawah ini

Cari kode warna hijau , jika sudah ketemu tambahkan dengan warna merah dibawahnya.

#comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}

.owner-Body {
margin:0;
padding:0 0 0 20px;
}

.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}

Semoga membuat Author Comment Highlight berhasil, dan saya berterimakasih juga buat mas anang dan o-om.com yang sudah menulis artikel ini.
 

Terimakasih sudah mengunjungi blog ini... :D