Rabu, 27 November 2013
Cara Membuat Tampilan Komentar Pemilik Blog Berbeda
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
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar