Tampilan komentar berbeda pada autor

Untuk membuat perbedaan komentar antara pemilik blog dan pengunjung perlu adanya perbedaan warna tampilannya, ya itu akan memudahkan pengunjung mengetahui komentar dari
pemilik atau author blog. Gimana cara bikinnya? yuk kita lihat

1. Login ke blogger trus ke menu "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand Widget Templates"
3. Copy script berikut ini sebelum kode ]]</b:skin>.

.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;
}

4. Kemudian cari kode2 seperti berikut warna hitam dan masukan kode yang warna merah seperti dibawah ini. Mungkin kode yg ada di HTML kamu akan beda, tapi walaupun beda usahakan semirip mungkin dengan kode berikut ini :

<dl id="comments-block">
<b:loop values="data:post.comments" var="comment">
<dt class="comment-author" id=""comment-" + data:comment.id">
<a name=""comment-" + data:comment.id">
<b:if cond="data:comment.authorUrl">
</b:if></a><a href="data:comment.authorUrl" rel="nofollow"><data:comment.author></data:comment.author></a>
<b:else>
<data:comment.author>
</data:comment.author>


<b:if cond="data:comment.author == data:post.author">
</b:if></b:else></dt><dd class="comment-body-author">
<p><data:comment.body></data:comment.body></p>
</dd>
<b:else>


<dd class="comment-body">
<b:if cond="data:comment.isDeleted">
<span class="deleted-comment"><data:comment.body></data:comment.body></span>
<b:else>
</b:else></b:if><p><data:comment.body></data:comment.body></p>
</dd>

</b:if>




<dd class="comment-footer">
<span class="comment-timestamp">
<a href="http://www.blogger.com/%22#comment-%22%20+%20data:comment.id" title="comment permalink">
<data:comment.timestamp>
</data:comment.timestamp></a>
<b:include data="comment" name="commentDeleteIcon">
</b:include></span>
</dd>
</b:loop>
</dl>

bila sudah simpan template dan lihat hasilnya, sebagai contohnya...lihat pada komentar dibawah ini.


thank's to mas kendhin

Read this | Baca yang ini

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]