Tampilan Komentar Admin Berbeda Dengan Pengunjung

Diulas oleh Dunia Baca Jumat, 03 Februari 2012 1 komentar
Tampilan Komentar Admin Berbeda Dengan Pengunjung | Maksudnya adalah, tampilan warna latar belakang komentar admin blog (narablog) akan berbeda dengan warna tampilan latar komentar pengunjung. Ini akan lebih memudahkan dalam pembacaan, sebagai pembeda. Misalnya latar belakang warna komentar pengunjung berwarna standar, sedangkan komentar narablog bersangkutan berwarna coklat.

1. Masuk ke akun blogger Anda.

2. Pilih Rancangan dan Edit HTML. Jangan lupa, beri tanda centang kolom Expand Template Widget.

3. Cari kode seperti di bawah ini, biar lebih cepat gunakan kotak pencarian dengan cara menekan tuts keyboard Ctrl+F.

]]></b:skin>

4. Copy kode berikut ini dan pastekan di atas kode pada poin ke-3.

.comment-body-author {
background: #cccccc;
border:1px dotted #000000;
margin:0;
padding:0 0 0 20px;
}

5. Cari kode di bawah 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>

6. Copy kode berikut dan pastekan di atas kode ada poin ke-5.

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

7. Copy kode berikut, tepat di bawah kode seperti yang ditujukan pada poin ke-5.

</b:if>

8. Tekan tombol Simpan template.

Keterangan :
Kode berwarna biru adalah warna latar belakang komentar narablog, sedangkan kode yang diberi warna merah merupakan warna garis dari komentar narablog bersangkutan. Mengenai pemilihan warna dan jenis garis dapat dimodifikasi sesuai keingingana anda.
demikian Tampilan Komentar Admin Berbeda Dengan Pengunjung

Jangan Lupa Jempolnya Sob, Makasih Sebelumnya



Anda baru saja membaca artikel yang berkategori Tips Blog dengan judul Tampilan Komentar Admin Berbeda Dengan Pengunjung. Anda bisa bookmark halaman ini dengan URL http://duniabaca22.blogspot.com/2011/12/tampilan-komentar-admin-berbeda-dengan.html. Terima kasih!