Membuat Komentar Admin Berbeda Dengan Pengunjung

Kali ini saya kan mencoba untuk menjelaskan tentang cara Membuat Komentar Admin Berbeda Dengan Pengunjung. Dengan cara ini maka Pengunjung bisa mengetahui balasan komentar dari yang punya blog Selain itu bisa membuat tampilan komentar kita (Admin Blog) lebih unik dan terlihat menarik.

Untuk contohnya seperti gambar di bawah ini :


Terlihat ketika saya berkomentar maka kolomnya akan berwarna biru dengan gaya gradasi warna.

Cara Membuatnya yaitu :

1. Log in Terlebih dahulu ke akun blog agan
2. Pilih Rancangan lalu Pilih Edit HTML
3. Seperti biasa jangan lupa download template lengkap untuk berjaga-jaga apabila terjadi kesalahan
4. Setelah itu Centang Expand Template Widget
5. Lalu cari kode ]]></b:skin> untuk memudahkan pencarian bisa menggunakan Ctrl+F, masukan kodenya lalu tekan Enter, setelah ketemu letakkan kode di bawah ini tepat di atasnya

.admin-pb-comments{
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TUOJMHKcmhI/AAAAAAAAArs/AxN8AGyHY6E/s1600/pelajaran%2Bblog%2Bbackground.jpg) no-repeat;
border:1px solid #FF9966;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
margin-left:0;
margin-right:20px;
padding:7px;
color:#ffffff;
}

6. Cari kembali kode dd class='comment-body' Setelah ketemu letakkan tepat di atas kode tersebut kode di bawah ini :

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

7. Terakhir, Cari kembali kode <dd class='comment-footer'> apabila sudah ketemu tinggal menyisipkan kode </b:if> tepat di atas kode tersebut sehingga menjadi seperti ini :

</b:if>
<dd class='comment-footer'>

8. Tinggal di Save atau Simpan Template lalu lihat hasilnya.

Untuk Mencobanya silahkan lihat postingan agan yang sudah di komentar oleh pengunjung, atau kalau belum ada yang berkomentar satu pun maka dengan terpaksa agan harus komentar postingan agan sendiri. He

Sekian postingan kali ini tentang cara Membuat Komentar Admin Berbeda Dengan Pengunjung semoga bisa membantu. Selamat Mencoba semoga berhasil.

1 comments:

Posting Komentar