Membuat Komentar Admin Berbeda Warna

Pada hari ini saya akan membahas mengenai bagaimana cara membuat komentar Admin blog menjadi berbeda warna dengan pengunjung yang lain. Bagi yang belum jelas seperti ini nih:

 

Bagi yang belum tahu, silakan dipraktekan, bagi yang udah tau, jangan dibata ya omm.. Oke, langsung saja simak tahap-tahap berikut :

1.Login ke akun blogger kalian.

2. Klik Layout atau Rancangan, lalu pilih Edit HTML.

3. Klik Expand Widget Template, jangan lupa backup dulu template, supaya ntar gampang balikin kalau gagal.

4. Cari kode ]]></b:skin>. Lalu letakkan kode ini tepat diatas kode ]]></b:skin> :

.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;}

Ganti Warna garis tepi dan background sesuka kamu atau pilih warna biar matching dengan template kamu. Untuk kode warna bisa dilihat disini.

5. Belum selesai loh, sampai tahap ini, cari kode ini :

<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>

 Atau kode seperti ini :

<div 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>
</div>

6. Setelah itu, letakkan kode ini diatasnya:

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

   Atau kode seperti ini :

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

   Dan, kode ini dibawahnya :

</b:if>

7. Nanti jadinya akan seperti ini :

<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> 

    Atau seperti ini :

<b:if cond='data:comment.author == data:post.author'>
<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
<b:else/>
<div 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>
</div>
</b:if>