Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Menandai Komentar Kita (Highlight Author Comment)

Sebagai pemilik blog kita harus respon terhadap komentar yang masuk pada blog kita. Kita bisakan dikatakan sebagai moderator di dalam blog kita. Sekarang kita kan belajar membuat Highlight Author Comment, atau menandai komentar kita sendiri (pemilik blog) sehingga akan membedakan dengan pengunjung yang lain.

Komentar yang muncul akan ditandai dengan background yang berbeda denagn komentar yang lain, dan akan muncul jika kita login dulu ke blogger.

Cara Menandai Komentar Kita (Highlight Author Comment)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas 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;
}

6. Kemudian cari kode-kode seperti berikut. Mungkin kode yang 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' 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>

7. Kode yang TebalMiring adalah kode yang harus kamu tambahkan di HTML kamu. Dan posisinya harus benar.
8. Simpan Template jika sudah selesai