Sorot Komentar Pengarang di Blogspot

Nah ada trik baru neh, yaitu menyorot komentar penulis (di kasi hurup tebal). Ini akan membuat komentar pemilik blog terlihat berbeda dari komentar pengunjung.  Berikut adalah apa yang harus dilakukan untuk membuat "Sorot Komentar Pengarang " di Blogspot.


1. Login >> blogger >> Layout --> Edit HTML". Back up Dulu template ente, kalo-kalo ada masalah.
2. Conteng "Expand Widget Templates".
3. Copy script ini sebelum ]]></b:skin> atau copy di area CSS.

.comment-body-author {
background: #E6E6E6; /* Background color*/
color: #000; /* Text color*/
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; /* Posotion*/
}

4. Terus cari code 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>

5. Teks warna merah adalah kode yang sudah kamu tambahkan ke script Anda. Posisi harus tepat.
6. terakhir simpan template kamu. Selamat mencoba.