Kamis, 13 Januari 2011
Menandai Komentar Kita (Highlight Author Comment)
Sebagai pemilik blog kita harus respon terhadapkomentar yang masuk pada blog kita. Kita bisakan dikatakan sebagai moderator di dalam blog kita. Sekarang kita kan belajar membuatHighlight 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 :
<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 Warna Merah Tebal Miring adalah kode yang harus kamu tambahkan di HTML kamu. Dan posisinya harus benar.
8. Simpan Template jika sudah selesai.
Hmm... Puyeng kan...? Hehe api gak papa, harus di coba...
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar