Untuk itu, anda harus memberikan warna latar yang berbeda antara komentar dari pengunjung dan komentar dari anda, dengan harapan para pengunjung dapat mengetahui bahwa komentarnya telah dikomentari oleh pemilik blog.
Simak cara menampilkan kotak komentar pengunjung dan pemilik berbeda warna latar.
- Masuk ke Blogger dengan ID anda
- Pilih Tata Letak
- Pilih Pilih Edit HTML
- Back up dulu template jika anda takut gagal.
- Kasih contreng pada kotak kecil disamping tulisan Expand Widget Template
- Copy seluruh kode dibawah ini, kemudian paste tepat diatas kode
]]></b:skin>
.comment-body-author {
background: #A9D0F5; /* warna background pemilik blog */
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;
margin:0;
padding:0 0 0 20px;
}
Kode diatas merupakan kode untuk menampilkan kotak komentar bagi pemilik blog, sedangkan untuk pengunjung sama sebelum ditambahkan kode tersebut.
Perhatikan yang bewarna merah,
- Anda dapat mengganti background: #A9D0F5 dengan warna kesukaan anda
- Kode dotted #223344 (ada 4 buah) dapat anda ganti kata dotted (garis putus-putus) dengan solid (garis utuh/tidak putus-putus), dan kode warnanya dapat anda ganti denga kode warna kesukaan anda.
- Setelah anda selesai melakukan setting kode diatas, berikutnya anda cari kode yang mirip dengan kode dibawah ini. Dikatakan mirip karena pada sebagian template kadang-kadang memiliki kode yang berbeda. Perhatikan kode yang dimaksud tadi.
<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'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</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><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Fokuskan perhatian anda pada kode diatas, jangan sampai salah.
Kode yang berwarna merah merupakan kode yang harus anda tambahkan dan meletakannya harus sama seperti contoh diatas. - Setelah anda selesai menambah kode warna merah tadi klik tombol Simpan Template
- Lihat kotak komentar anda sekarang...Jika anda belum pernah menulis komentar pada blog anda sendiri, coba sekarang. Tampilannya akan berbeda dari komentar para pengunjung.
0 Comments
