Memberi beda tampilan komentar pemilik blog

Dahulu saya mencari artikel yang satu ini susahnya minta ampun tetapi sekarang Anda bisa mendapatkan tutorial ini dengan mudah karena sekarang sudah banyak yang memberikan tutorial ini dan salah satunya ada di blog saya ini. Tujuan dari saya memberikan tutorial ini adalah untuk menunjukkan kotak komentar yang beda antara user dan admin. Dengan ini user yang ingin melihat komentar admin dalam hal ini adalah Anda dapat melihat komentar Anda dengan mudah karena dibedakan oleh warna, tulisan maupun background. Untuk melakukannya ikuti langkah dibawah ini:

Langkah 1 :
1. Login ke www.blogger.com
2. Pilih Dashboard
3. Pilih Tata Letak
4. Pilih Edit HTML

5. Untuk menghindari kerusakan template maka saya sarankan Anda memback-up terlebih dahulu template Anda dengan cara klik Download Template Lengkap

6. Setelah Anda download sekarang centak kotak kecil Expand Template Widget
7. Cari kode dibawah ini :

#comments-block .comment-body p {
margin:0 0 .75em;
}

8. Letakkan kode dibawah ini dibawah kode diatas tadi :

.owner-Body {
background:#808080;
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#E3F6CE;
border-left:3px dotted #6E6E6E;
}

Ganti warna teks dan background sesuai keinginan Anda.

Sehingga menjadi :

#comments-block .comment-body p {
margin:0 0 .75em;
}
.owner-Body {
background:#808080;
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#E3F6CE;
border-left:3px dotted #6E6E6E;
}


Langkah 2 :
Cari kode dibawah ini :

<dd class='comment-body'>

2. Setelah itu tambahkan kode dibawah ini diatas kode diatas :

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

sehingga menjadi :

b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<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>

tambahkan kode </b:if> di bawah </dd>

jadi semuanya menjadi :

b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<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>

Simpan Templates dan lihat perubahan antara komentar pengunjung dan admin.

Semoga Anda paham dengan tutorial diatas, jika masih paham Anda dapat tanyakan melalui email saya andre.bisnis@gmail.com atau di kotak pingbox. Selamat mencoba....