Pasti sampeyan pernah melihat komentar Admin yang berbedah warna. Tujuannya, selain mempercantik kotak komentar kita, cara tersebut juga bertujuan untuk membedakan mana komentar admin dan mana komentar pengunjung, sehingga jika admin membalas komentar dari pengunjung maka akan langsung ketahuan. Jika Mas Bro sekalian ingin membuat warna background komentarnya berbeda, silahkan ikuti langkah di bawah ini;
- Login ke Blogger
- Klik Rancangan --> Edit HTML
- Beri tanda centang pada kotak Expand Template Widget
- Kemudian cari kode ]]></b:skin>
- Jika sudah ketemu silahkan Copy Paste kode berikut di atasnya;
.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;
}
- Kemudian cari kode berikut 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>
- Setelah ketemu tambahkan kode berikut diatasnya;
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
dan kode berikut </b:if> di bawahnya;
Pasti sampeyan pernah melihat komentar Admin yang berbedah warna. Tujuannya, selain mempercantik kotak komentar kita, cara tersebut juga bertujuan untuk membedakan mana komentar admin dan mana komentar pengunjung, sehingga jika admin membalas komentar dari pengunjung maka akan langsung ketahuan. Jika Mas Bro sekalian ingin membuat warna background komentarnya berbeda, silahkan ikuti langkah di bawah ini;
- Login ke Blogger
- Klik Rancangan --> Edit HTML
- Beri tanda centang pada kotak Expand Template Widget
- Kemudian cari kode ]]></b:skin>
- Jika sudah ketemu silahkan Copy Paste kode berikut di atasnya;
.comment-body-author {
border: 1px solid #87CEEB;
background: #ddfeeb;
width: 500px;
margin: 10px 10px 10px 10px;
padding-left: 20px;
}
- Kemudian cari kode berikut 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>
- Setelah ketemu tambahkan kode berikut diatasnya;
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
dan kode berikut </b:if> di bawahnya;