Membedakan Warna Komentar Anda dengan Pengunjung

Kali ini saya akan memberikan tutorial bagaimana cara membedakan warna antara blogger dengan pengunjung.Apa kalian pernah melihat comment yang seperti diatas???Nah gini caranya :

1. Sign in Blogger

2. Layout

3. Edit HTML


4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode di bawah ini :

.comment-body {
margin:0;
padding:0 0 0 20px;
}
.comment-body p {
font-size:100%;
margin:0 0 .2em 0;
}

6. Tambahkan kode ini dibawahnya :

.comment-body-author {
margin:0;
padding:0 0 0 20px;
}
.comment-body-author p {
font-size:100%;
margin:0 0 .2em 0;
color:#000000;
background:#3399CC;
text-decoration:bold;
}

Jika masih tidak menemukan kode diatas coba kalian cari kode ini :

/* Comments

atau cari kode ini :

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

Tambahkan kode ini dibawahnya :

#comments-block .comment-body-author p {
margin:0 0 .75em;
background:#3399CC;
color:#000000;
text-decoration:bold;
}

Silahkan ganti tulisan yang berwarna merah dengan warna atau background kesukaan kalian.

7. Kemudian cari kode ini :

<dl id=’comments-block’>

8. Tambahkan kode yang sama seperti pada yang berwarna merah :
<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
<a expr:name=’”comment-” + data:comment.id’/>
<b:if cond=’data:comment.authorUrl’>
<a expr:href=’data:comment.authorUrl’ rel=’nofollow’>&lt;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></p>
</b:if>
</dd>

</b:if>

9. Pilih Save Changes dan sekarang lihat hasilnya.

Artikel Yang Berhubungan :