Highlight Author Comment

Kalo postingan sebelumnya Mr-Top dah bahas tentang bagaimana Mengganti Nama Penulis (Author). Kali ini Mr-Top coba menulis tentang Highlight Author Comment, cara ini digunakan untuk membedakan antara komentar penulis dengan komentar pengunjung. Ok, dari pada kita kebanyakan teori lebih baik kita langsung ke TKP..

1. Login ke Blogger Sobat
2. Klik Layout --> Edit HTML --> centang Expand Widget Template. Oh ia lebih baik sebelum Sobat melakukan hal di bawah semuanya ada baiknya kalo Sobat download terlebih dahulu template yang lama..
3. Cari kode ]]></b:skin> dan kopi kode berikut tepat di atasnya

.comment-body-author { background: #E6E6E6; /* warna background pemilik blog */ 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; }

4. Kalo sudah Sobat save dan tinggal cari kode berikut -->

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

Biasanya untuk kode di atas setiap bisa berbeda - beda, Sobat tinggal cari saja yang paling mirip.

5. Untuk yang bewarna hijau adalah tulisan yang harus Sobat tambahkan. Jangan sampai salah soalnya kalo sampai salah bisa berantakan jadinya..

6. Tinggal di simpan dan lihat hasilnya...



Sumber lain : www.ardi33.web.id