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.
Demikian artikel tentang membuat beda komentar admin di kolom komentar ini dapat kami sampaikan, semoga artikel atau info tentang membuat beda komentar admin di kolom komentar ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
