=xXx+=(EXPLORATION)+==xXx==

Home » Tips Blogger » Komentar Pengunjung Dan Pemilik Berbeda Warna

Komentar Pengunjung Dan Pemilik Berbeda Warna

Simak cara menampilkan kotak komentar pengunjung dan pemilik berbeda warna latar.

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian
6. 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 kode diatas,

► 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.

7. 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'>
<data:comment.body/>
</dd>
<b:else/>

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

</b:if>

<dd class='comment-footer'>

<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>

</dd>
</b:loop>
</dl>

Fokuskan perhatian anda pada kode diatas, jangan sampai salah.
Kode yang berwarna kuning merupakan kode yang harus anda tambahkan dan meletakannya harus sama seperti contoh diatas.

8. Setelah anda selesai menambah kode warna kuning tadi klik tombol Simpan Template
9. Lihat kotak komentar anda sekarang...Jika anda belum pernah menulis komentar pada blog anda sendiri, coba sekarang. Tampilannya akan berbeda dari komentar para pengunjung.

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's