Komentar Admin Beda Warna

Akhirnya, sempet juga nih bikin postingan trik blog baru lagi, setelah beberapa hari ini belum sempet posting.

Kali ini Ayas mau mencoba kasi trik blog mengedit kotak komentar, membuat Kotak Komentar Admin Berbeda Warna.

Sudah jelas, tujuan penggunaan trik ini adalah membuat komentar yang diposting oleh sang pemilik blog akan berbeda warna dengan komentar yang di posting oleh pengunjung blog. Untuk lebih jelasnya, Sodara bisa lihat penggunaan trik membuat komentar Admin Berbeda Warna ini disini.

Nah, sudah jelas kan contohnya?

Berikut trik membuat Kotak Komentar Admin Berbeda Warna :


Jangan lupa Backup dulu template Sodara, untuk menghindari kesalahan.

Pertama, centang dulu pada 'Expand template widget'

Copy code berikut :

.comment-body-author {
background: #ebebeb;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

Paste diatas code ]]</b:skin>

Tulisan merah adalah warna background kotak komentar Sodara, sedangkan tulisan berwarna hijau adalah garis tepi kotak komentar Sodara.

Silahkan ganti background dan border sesuai selera sodara.

Selanjutnya, cari kode ini :

<dl id='comments-block'>

Dah ketemu?

Sodara bisa melihat kode2 seperti ini :

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' 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='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='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

G sah bingung!! Cukup perhatikan, tulisan berwarna HITAM diatas adalah kode asli sodara. Sedangkan kode warna MERAH adalah kode tambahan.

Jadi, Sodara tinggal copy kode2 berwarna merah, kemudian paste ditempat sesuai seperti contoh diatas. Klo udah, coba preview lalu coba Sodara beri komment (Sebagai Admin). Sekarang komentar Sodara sebagai pemilik blog akan berbeda warna dengan pengunjung Anda.

Selamat mencoba!!!