Cara mudah Mempercantik tampilan Komentar Blog anda

mau tampilan Komentar di blog anda keren seperti pada gambar di samping
itu merupakan salah satu contoh widget Komentar yang keren
screen pada gambar di samping saya ambil dari komentar postingan saya yang berjudul '10 lagu mocca terbaik'  http://ilhamsazili.blogspot.co.id/2016/01/10-daftar-lagu-mocca-terbaik.html

membuat widget komentar seperti gambar disamping itupu tidak lah sulit
, ada beberapa tahapan yang harus di lalui








1. masuk ke akun blogger
2. Klik Template
3. Edit template

+ cari kode berikut : ]]></b:skin>
caranya CTRL + Shift + F 

4. kemudian Salin kode dibawah ini dan letakkan diatas kode ]]></b:skin>

}
.comments .comment .comment-actions .item-control a {
display:none;
background-color:#FCFCFC;
background-position:2px 50%;
background-repeat:no-repeat;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRYP45QXkj8iZ_d8pgnnL9oJYX_db2wgUhAUnDnlqnNkiz82y4-N_5ITImMiznjKbO2GtKD10y1quxIa4-ssTFAz2uLrqvwIdfSTt7dd8wjzKj8dyPfhXPWxSvuE-8aS1VRXdBxXgGtA/s14/Trash.png);
border:1px solid #4173af;
position:absolute;
left:-10px;
text-indent:-9999px;
padding:0;
width:19px;
height:20px;
top:-42px;
border-radius:2px
}
.comments .comments-content .comment:hover .comment-actions .item-control a {
display:block
}
.comments .comments-content .comment:hover .inline-thread .comment-actions .item-control a {
display:none
}
.comments .comments-content .inline-thread li.comment:hover .comment-actions .item-control a {
display:block
}
.comments .inline-thread .comment .comment-actions .item-control a {
left:-61px;top:-35px
}
#comments h4#comment-post-message {
border-bottom:0;
background-color:transparent;
font-size:130%
}
.comment-form {
max-width:100%
}
.comments .comments-content .icon.blog-author {
display: block;
width: 0;
height: 0;
border: 6px solid transparent;
border-color:transparent #0671A1 #0671A1 transparent;
position: absolute;
right: 0;bottom: 4px;
}
.comments .comments-content .inline-thread .icon.blog-author {
bottom:-9px;
right:-5px;
}
.comments .comments-content .user,.comments .comments-content .datetime {
display:inline-block;
float:left
}
.comments .avatar-image-container img[src="http://img1.blogblog.com/img/anon36.png"] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkbdZuVes19UG3HkNmDT2oXQHB3o74n427NHugczAyxYHc5v3A-5UJsLfSm3m6mhNJbP3wQ1H7aT6mjGh0sESkVhbxD6pZ3Zj8BUJZEjeODaJ3SKf41nBvklaI9PVKa_a2ov9qlAUJEzHh/s70/user-anonymous-icon.png);
}

5. kemdian Simpan

dan lihat hasilnya , komentar di blog anda akan terlihat lebih keren dan cantik