Kemarin ada yang tanya saya lewat email namanya mbak lina, gimana caranaya membuat beda komentar admin di kolom komentar? . istilahnya biasa disebut Author Comment Highlight nah fungsinya untuk mengetahui komentar dari pengunjung blog dan mana komentar pemilik blog. Imagesnya seperti dibawah ini:
Berikut langkah - langkah membuat Author Comment Highlight :
- Masuk pada Template
- Edit HTML jangan lupa beri tanda centang pada Expand Template Widget
- Cari kode <dd class=’comment-body’> atau lihat arahan kode warna hijau dibawah ini, jika sudah ketemu kode <dd class=’comment-body’> tambahkan kode dengan warna merah di atas kode tersebut. kemudian tambahkan juga kode </b:if> seperti tampak pada kode dibawah.
<dl id='comments-block'> <b:loop values='data:post.comments' var='comment'> <b:if cond='data:comment.author == data:post.author'> <dt class='owner-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> <data:commentPostedByMsg/> </dt> <b:else/> <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> <data:commentPostedByMsg/> </dt> </b:if> |
| <b:if cond='data:comment.author == data:post.author'> <dd class='owner-Body'> <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> |
| <b:if cond='data:comment.author == data:post.author'> <dd class='owner-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:else/> |
Tambahkan kode CSS dibawah ini
Cari kode warna hijau , jika sudah ketemu tambahkan dengan warna merah dibawahnya.
#comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
.owner-Body {
margin:0;
padding:0 0 0 20px;
}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
color:#FF0000;
text-decoration:bold;
}
Semoga membuat Author Comment Highlight berhasil, dan saya berterimakasih juga buat mas anang dan o-om.com yang sudah menulis artikel ini.
