RSS2.0

Membuat Beda Komentar PemiliK dan PenGunjunG BloG

Jumat, 14 Januari 2011


Di blogger komentar pemilik blog dengan komentar pengunjung tidak ada bedanya, semua di samaratakan, namun kita bisa mengakalinya untuk membuatnya tampil beda, seperti Warna Background yang berbeda, garis pembatas komentar, membedakan jenis huruf atau kotak komentar yang dibuat agak menjorok ke dalam.
Pengen membuat yang seperti itu?
Ikuti Tutorial di bawah ini:
1. Login ke blogger
2. Pilih Layout
3. Pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Backup template anda dengan mengklik link Download Full Template untuk jaga-jaga kalo terjadi kesalahan, anda bisa menggunakan template yang sebelumnya.
6. Cari kode ini :

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

7. Letakkan kode berikut di bawah kode 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 kode
"color = warna teks"
"background = warna latar teks"
dan atur jarak sesuai kebutuhan agar serasi dengan warna dan template blog anda.
8. Cari kode

<dd class='comment-body'>

9. Letakkan kode berikut diatas kode tadi



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

10. Save Template
gimana hasilnya? Memuaskan bukan?
Semoga Berhasil

1 Komentar:

Anonim mengatakan...

Wah bagus infonya! simple! mudah dimengerti! thanks for your share this!,.. :pertamax

Posting Komentar