Beda Tampilan Komentar Pemilik Blog

Komentar pemilik blog dapat dibedakan dari komentar pengunjung dengan latar belakang warna, latar belakang gambar, garis pembatas komentar, membedakan jenis huruf atau kotak komentar yang dibuat agak menjorok ke dalam. Highlight author comments adalah istilah yang sering dikenal kalo di luaran sono. Artinya, menyorot komentar pemilik blog. Kalo di indonesia jadinya membedakan tampilan komentar pemilik blog, kira-kira begitulah. Manfaatnya tentu saja ada, membedakan komentar pemilik blog dan pengunjung pasti membantu pembaca mengetahui bahwa anda telah memberi tanggapan atas komentar yang masuk dari pengunjung blog anda.

Pada template default blogger, kita tidak dapat melihat perbedaan antara komentar pengunjung serta tanggapan dari yang punya blog. Semuanya disama ratakan oleh blogger. Agar lebih jelas apa itu Highlight Author Comments, di bawah ini saya berikan contohnya :


Bagaimana, mantap ga? Nah, yang warna hijau adalah komentar pemilik blog. Mungkin anda telah melihat modifikasi kotak komentar blogger yang lain seperti yang sudah pernah dijelaskan oleh para master blogger indonesia. Oke, jika anda pengen membuat kotak komentar yang seperti itu (bukan yang lain), anda bisa mengikuti cara berikut :

Beda Tampilan Komentar Pemilik Blog

Oke sekarang kita masuk ke bagian yang paling inti yaitu dengan menyisipkan kode CSS tertentu agar tampilan komentar pemilik blog berbeda dari komentar pengunjung.

1. Login ke blogger dengan id anda
2. Tuju Layout
3. Pada tab menu pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Backup template anda dengan mengklik link Download Full Template untuk jaga-jaga kalo terjadi kesalahan, anda bisa menggunakan template yang sebelumnya.
6. Cari kode ini :
   #comments-block .comment-body p {
   margin:0 0 .75em;
   }
7. Letakkan kode berikut di bawah kode tadi :

   .owner-Body {
   background:#808080;
   margin-left:20px;
   color:#000000;
   }
   .owner-Body p {
   text-align:justify;
   margin:0 0 .75em;
   padding-left:10px;
   background:#E3F6CE;
   border-left:3px dotted #6E6E6E;
   }

   Ganti kode "color = warna teks" "background = warna latar teks" dan atur jarak sesuai kebutuhan agar serasi dengan warna dan template blog anda.
8. Cari kode <dd class='comment-body'>
9. Letakkan kode berikut diatasnya :
   

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

   Tambahkan juga kode

   </b:if>

   
   Sehingga secara lengkap hasilnya akan menjadi seperti 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>

10. Simpan template dengan mengklik tombol SAVE TEMPLATE
11. Selesai

Jika tidak ada kesalahan, maka tampilan komentar pemilik blog akan berbeda dari komentar pengunjung. Thanks to o-om.com atas tutorialnya Tampilan beda untuk komentar pemilik blog. Selamat mencoba kawan.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting
• Modifikasi Border Photo Profil Blogger

or or