Cara Membuat Backround Pada Komentar Admin

Kali ini saya akan share Cara Membuat Backround Pada Komentar Admin, dan ini sudah saya praktekkan di blog saya sendiri, mungkin anda ingin mencoba dan menerapkannya di blog anda, silakan ikuti langkah berikut:

Sebelum memulai pengeditan, anda harus back-up template anda, untuk memperbaiki kesalahan,
anda bisa membaca artikel yang saya buat di: http://trik-blog-mudah.blogspot.com/2012/11/cara-memback-up-template-blogger.html

1. Login Ke Akun Blogger Anda.
2. Klik Template Lalu Klik Edit HTML Dan Klik Lagi "Expand Template Widget"
3. Cari Kode: ]]></b:skin>  Lalu Copy Paste kode Berikut Diatas Kode  ]]></b:skin>

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}

Ganti kode yang berwarna merah dengan kode warna backround yang ingin anda pakai, kode itu bisa anda dapatkan disini: http://trik-blog-mudah.blogspot.com/2012/11/kode-warna-html-untuk-blogger.html

4. Cari Kode Yang Mirip Dengan Kode Dibawah ini:


<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='author-comments'>
<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>

Kode yang berwarna merah adalah kode yang harus di sisipkan pada kode diatas.
Jika Anda tidak menemukan kode diatas, Cari saja kode berikut:

<dd class='comment-body'> 

Pastikan kode diatas, bahwa diatas nya ada kode: </dt> 

Jadi Seperti Ini:

</dt>  
 Sisipkan kode disini

 <dd class='comment-body'>  

 Lalu dibawah kode  <dd class='comment-body'>

Pastikan mempunyai kode berikut:

<p><data:comment.body/></p>
</b:if>
</dd>   

Lalu sisipkan kode lagi menjadi:


<p><data:comment.body/></p>
</b:if>
</dd>  
</b:if>

Selesai. Sekarang Simpan Perubahan Template Anda, Semoga Bermanfaat.