Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung

Mumpung ada waktu luang, saya ingin share sedikit bagaimana cara membuat kotak komentar Admin berbeda dengan kotak komentar pengunjung. Lihat contohnya:



Langsung saja ke TKP..... Berikut ini tutorialnya.
Simak baik-baik.....

1. Login ke Dashboard Blogger anda
2. Klik Design → Edit HTML
3. Untuk berjaga-jaga klik Download Full Template
4. Centang Expand Widget Templates
5. Cari kode ]]></b:skin> dan pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

.comment-body-author {
background: #EBEBEB;
border:1px solid #EBEBEB;
border-left:2px solid #538E08;
border-right:2px solid #538E08;
margin-left:0;
margin-right:20px;
padding:7px;
color:#000000;
}

Nb: Pada kode warna merah bisa anda ganti sesuai keinginan anda

6. Cari kode

<data:commentPostedByMsg/>
</dt>

7. Letakan kode di bawah ini tepat di bawah kode diatas

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

Hasilnya akan seperti ini:

<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

8. Cari kode

<dd class='comment-footer'>

9. Setelah ketemu letakan kode di bawah ini tepat diatas kode diatas

</b:if>

Hasilnya akan seperti ini:

</b:if>

<dd class='comment-footer'>

Contoh keseluruhan:

<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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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'>

10. Setelah itu klik Save Template dan lihat hasilnya.

Posted in: Blogspot,Tutorial

Related Post:

Tutorial

• Buat Aplikasi Update Status Facebook Sendiri
• Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung
• Cara Pasang Facebook Like Button di Blog

Blogspot

• Membuat Kotak Komentar Admin Berbeda Dengan Pengunjung
• Cara Pasang Facebook Like Button di Blog