Trik Membuat Highlight Author Comments

Highlight Author Comments ini fungsinya agar komentar pemilik blog bisa dibedakan dengan komentar visitor. Contohnya jika ada visitor yang bertanya melalui kotak komentar, maka saat pemilik blog menjawab melalui kotak komentar juga, tampilan komentarnya akan berbeda. Nah, jika kamu tertarik, kamu bisa membaca tutorial ini untuk memasangnya di blog kamu.


1. Login ke Blogger -> Tata Letak -> Edit HTML -> centang tanda Expand Template Widget.
2. Paste-kan kode 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;
}

3. Cari kode seperti ini. Barangkali kode yang ada di HTML kamu berbeda. Tapi usahakan cari yang sangat mirip dengan kode dibawah.

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

Yang berwarna biru itu adalah kode tambahan. Tambahkan kode itu sesuai posisinya sperti di atas.

Related Posts by Categories