Membuat Warna Kotak Komentar Admin Berbeda pada Blog

1. Masuk ke akun Blogger Sobat.
2. Klik Rancangan > Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
4. Beri tanda centang di Expand Template Widget.
5. Cari kode ]]></b:skin> Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.
6. Copy kode di bawah ini lalu paste di atas kode tersebut.
   
   
   .comment-body-author {
   background: #fee6e6; /* Warna Background */
   border:2px dotted #d31111; /*Border*/
   margin:0;
   padding:0 0 0 0px;
   }
   
   
   #fee6e6 merupakan warna untuk latar belakang, silakan ganti kode warnanya untuk mengubah warnanya.
   2px dotted #d31111 adalah border style dot dengan ketebalan 2 piksel dan berwarna #d31111. Silakan diubah sesuai keinginan Sobat.
7. Cari kode seperti di bawah ini.
   
   
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
   <b:else/>
   <data:comment.author/>
   </b:if>
   <data:commentPostedByMsg/>
   </dt>
   
   <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>
   
   <dd class='comment-footer'>
8. Letakkan kode berikut dibawah kode
   <data:commentPostedByMsg/>
   </dt>
   
   
   <b:if cond='data:comment.author == data:post.author'>
   <dd class='comment-body-author'>
   <p><data:comment.body/></p>
   </dd>
   <b:else/>
9. Dan letakkan kode </b:if> dibawah kode
   
   <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>
   
10. Sehingga hasilnya semuanya menjadi seperti di bawah ini.
    
    
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </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'>
    Kode yang berwarna hitam adalah tambahanya,itu yang perlu diingat.
    
11. SIMPAN TEMPLATE.

sumber

Posted in: Tutorial Blogger