Highlight Author Comment

Ini bisa dikatakan sebagai Highlight Author Comment yaitu membuat perbedaan antara komentar pemilik blog dengan komentar orang lain pada postingan blog. Nah, perbedaan ini bisa dilakukan dengan cara komentar pemilik blog menggunakan background. Dan juga komentar pemilik blog menggunakan border dan efek lainnya. Daripada ruwet-ruwet, lirik aja deh cara buatnya. Udah siap? Tancaaap…

1. Login pada Blogger


2. Pilih Tata Letak/Layout


3. Kemudian Edit HTML


4. Klik Expand Widget Template: langkah terbaik adalah juga men-download template dengan cara klik Download Template Lengkap sebelum melakukan edit agar bisa kembali ke pengaturan awal jika terjadi kesalahan.


5. Cari kode ]]></b:skin> kemudian copy kode di bawah ini ke atasnya
   

   .comment-body-author {
   background: #E6E6E6; /* 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;
   }



6. Kalo udah tinggal cari kode berikut ini. Tapi tunggu dulu, kode berikut belum pasti sama di template yang ada di blog Anda. Usahakan semirip mungkin, kalo enggak cari aja kode </dt> letaknya mirip kayak gini pokoknya :
   

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



7. Buat tulisan yang berwarna merah adalah warna yang harus Anda tambahkan di HTML template Anda, ya letaknya persis kayak di atas pokoknya. Hati-hati posisinya, jangan sampai salah. Kode ini udah bener, saya juga pake kode ini, bisa dilihat di komentar yang saya buat, benar bukan? Jadi Anda juga pasti bisa.


8. Tinggal di SIMPAN

Gimana? Bisa khand? Efek ini hanya bekerja kalo Anda Login dulu di bogger, kalo enggak ya nggak muncul efek ini.