Membedakan Tampilan Komentar Pemilik Blog

Membedakan tampilan komentar dari si pemilik blog atau disebut Highlight Author Comment berguna membantu pengunjung untuk mengetahui lebih jelas bahwa anda sebagai pemilik blog telah membalas komentar pengunjung blog anda. Untuk lebih jelasnya, anda bisa lihat preview di atas post ini.

Berikut ini langkah-langkah membuat Highlight Author Comment.

1. Login ke account Blogger anda, Klik Tata Letak => Edit HTML. Thick Expand Template Widget.


2. Cari kode dibawah ini yang berada dalam comment-block template anda:
   

   <dd class='comment-body'>



3. Letakkan kode ini di atas kode tersebut
   

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



4. Berikut ini preview kode setelah di paste. Jangan lupa tambahkan </b:if> sesuai posisi dibawah ini (liat kode berwarna merah)
   

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



5. Kemudian cari kode CSS dibawah ini (Tidak semua template memiliki kode CSS yang sama)
   

   #comments-block .comment-body p {
   margin: 0 0 .75em;
   }



6. Lalu letakkan kode CSS ini dibawah kode tersebut
   

   .owner-Body {
   background-color :#5eb7c3;
   margin: 0;
   padding: 0 0 0 20px;
   }
   }

   
   Edit hex value #5eb7c3 sesuai dengan desain template anda.


7. Finished. Selamat mencoba...

*Tidak semua template memiliki kesamaan kode baik itu untuk kode html pada comments section maupun kode CSS nya. Silahkan pelajari kode template anda masing-masing. Jika mengalami kebuntuan, silahkan bertanya disini. :)