Malam..apa kabar semuanya...kali ini saya mau share tentang bagaimana Cara Membuat Tampilan Komentar Pemilik Blog Berbeda seperti pada gambar di bawah ini klik untuk memperbesar :

Nah, bagi anda yang berminat membuatnya silahkan ikuti caranya sebagai berikut :
1. Login dulu ke account blogger kamu
2. Pilih tab Tata Letak -> Edit HTML -> centang kotak mungil "Expand Template Widget"
3. Cari kode #comments-block .comment-body p {
margin:0 0 .75em;
background:#f3f3f3 no-repeat left bottom;
}
4. Copas kode dibawah ini dibawah kode pada langkah ke 3
.owner-Body {
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#F2F2F2;
border-left:3px dotted #6E6E6E;
}
margin-left:20px;
color:#000000;
}
.owner-Body p {
text-align:justify;
margin:0 0 .75em;
padding-left:10px;
background:#F2F2F2;
border-left:3px dotted #6E6E6E;
}
5. Cari kode <dd class=comment-body>
6. Jika sudah ketemu Copas kode dibawah diatasNya :
<b:if cond=data:comment.author == data:post.author>
<dd class=owner-Body>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class=owner-Body>
<p><data:comment.body/></p>
</dd>
<b:else/>
7. Kemudian Cari kode <dd class=comment-footer> dan Copaskan kode dibawah ini diatasnya :
</b:if>
Jelasnya akan terlihat seperti dibawah ini :
<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>
<dd class=comment-footer>
8. Simpan dan lihat hasilnya...Semoga bermanfaat !!!
:
- Ganti kode yang berwarna merah untuk mengubah warna tulisan dan latar belakang
- Untuk memudahkan Pencarian Warna silahkan klik Disini
0 komentar:
Posting Komentar