Cara membuat Highlight Author Comment

Highlight Author Comment berfungsi untuk membedakan komentar author (pemilik) dengan komentar visitor (pengunjung blog). Pembedanya dapat berupa border (garis pembatas), warna backround, warna tulisan, atau pembeda yang lain tergantung kreatifitas para new blogger.
Kayak gini nih contohnya :

Tanda panah merah itulah Highlight Author Comment (punya mas Don ….)

Cara membuatnya begini :

1. Masuk ke www.blogger.com dengan ID blogger anda. Pilih menu Tata Letak (Layout) → Edit HTML.
2. Sebaiknya back-up dulu template anda (prosedur standar nih …)
3. Beri tanda centang pada kotak Expand Template Widget.


4. Copy kode berikut ini sebelum kode :]]></b:skin>
   
   
   .comment-body-author {
background: #E0F8F7; /* Warna Background */
color : #000000;
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;
}
   
   Tentang maksud kode di atas dapat dilihat di sini.


5. Kemudian cari kode HTML yang mirip kode berikut 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>


   
   
6. Yang warna merah adalah kode yang harus ditambahkan. Jangan sampai salah posisinya.


7. Simpan. Selesai.

Mumpung masih agak panas .... nyruput dulu ah .....

Insya Allah nanti akan kita lanjutkan ke materi selanjutnya