Cara Membuat Komentar Admin Berbeda Warna dari Pengunjung Lain di Blogger

Assalamualaikum.. Selamat Pagi sobat informasi maya, Sering kita temukan disuatu blog terdapat background komentar yang berbeda dengan pengunjung. Perbedaan tampilan komentar sangatlah membantu pengunjung untuk mengetahui siapa pemilik dari blog tersebut. pernahkah berpikir bagaimana cara membua hal itu? jika sobat anda tertarik nih kang salman kasih rahasianya.

1.  Login dulu ke blogger 
2.  Pilih Tata letak 
3.  Klik Edit HTML
4.  Cari kode ]]</b:skin>

5.  Copy kode di bawah ini kemudian simpan di atas ]]</b:skin>

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

background = untuk warna latar belakang silahkan ganti dengan warna yang cocok dengan background anda
border = untuk ketebalan garis


6. Kemudian temukan kode berikut atau fokus ctrl+f  lalu masukan  =>  <dl id='comments-block'> klik tanda next di sampingnya, sehingga muncul yang mirip seperti di bawah 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>

Untuk kode yang berwarna merah adalah kode yang harus ditambahkan ke dalam tamplate anda sesuai dengan posisi kode diatas 

Artikel Terkait: