Advertiser Here
Home » » cara membuat komentar author blog berbeda

cara membuat komentar author blog berbeda


kali ini saya mau ngepost blog tutorial cara membuat komentar admin atau author blog berbeda dengan komentar pengunjung cara ini mungkin nggak ada di internet sob, soalnya saya udah ngubek-ngubek mbah google buat cari cara buat komentar admin berbeda dengan pengunjung seperti blognya o-om nggak ketemu yang ketemu membuat komentar berbeda kayak yang sobat temukan di blog kebanyakan....
kalo yang ini yang berbeda ada pada garisnya kiri lihat gambar komentarnya beda kan pada garis sebelah kirinya?


trik seperti di atas udah capek saya cari nggak ketemu-ketemu di google :D tapi setelah berpikir dengan keras akhirnya saya menyadari begitu gampang nya membuat komentar berbeda dengan pengunjung blog seperti gambar di atas.. banyakan curhat langsung aja deh sobat :D hehehe
berhubung blog saya blog lama jadi dasbornya beda sama blog baru :D hehe
1. Login ke blogger dengan email dan password sobat
2. Klik rancangan, Edit HTML (expand template widget)
3. Cari kode ]]></b:skin> dan pastekan kode di bawah ini tepat di atas kode tadi :

.author-comments {
Color: #2E9AFE;
background:none;
border-bottom:1px solid #D8D8D8;
border-top:1px solid #D8D8D8;
border-left: 3px solid #000000;
border-right:1px solid #D8D8D8;
padding: 3px;
}


Keterangan
-Huruf berwarna #000000 bisa sobat ganti dengan kode warna yang sobat inginkan
- background none di atas bisa sobat ganti dengan warna backgorund komentar yang sobat inginkan :) eiitt belum selesai

Kemudian sobat cari kode di bawah ini

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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 cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<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'>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/></a>
<b:else/>

tulisan berwarna di atas adalah kode yang sobat tambahkan pada html blog sobat

dan selesai sobat kini komentar blog sobat berbeda dengan pengunjung blog sobat

0 comments:

Post a Comment