CSS Komentar Blogger Seperti Komentar Google+ ~ SCH-XP

CSS Komentar Blogger Seperti Komentar Google+ - Pasti kalian sudah pernah melihat/memakai komentar Google+ bawaan blogger kan ?, sekarang saya akan share CSS Komentar Blogger Seperti Komentar Google+, sesuai dari namanya, CSS ini dibuat dengan semirip2nya dgn komentar G+. dan perlu diketahui, CSS komentar blogger masih banyak kekurangannya. Jadi, kalian bisa gunakan CSS ini sebagai pengganti komentar G+ --". Nih liat SS nya :v

dan sekali lg lightshot saya rusak :v

CSS Komentar Blogger Seperti Komentar Google+ :
1. Buka Blogger

2. Klik Template -> Back-up dulu Template anda !! -> Klik Edit HTML

3. Hapus semua kode CSS komentar blogger di template yg anda pasang, lalu ganti dgn kode dibawah ini

.comments{border:1px solid #ccc}
.comments .comment-block{margin-left:90px}
.comments .comments-content .user{ color:#262626; font-style:normal; font-weight:bold; font-size:13px; font-family:arial}
.comments .comment-replybox-thread{ margin-left:20px; margin-top:5px}
.comments .comments-content .comment-content{ color:#262626; font-family:arial; padding-right:25px; font-size:13px; text-align:left}
.comments .comments-content .comment{border-bottom:1px solid #EEE}
.comments .comments-content .comment-header, .comments .comments-content .comment-content{ margin:0}
.comments .comments-content .icon.blog-author{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh78Jf7LBRqCEbOzmvZH9_c3H2IrCDoHiMdFfKn59ATCiIzaOiR6N72fHmgaVH3z2drUXCJF63v0b3Sj0yAGRQx_DteZKLbbZWvuhhCpjoKuv7UEUeR1qthc98923_qu64Vm1imSWTl8Pk/s320/author.png) no-repeat;}
.comments .comments-content .datetime{ color:#999; font-family:arial; font-size:11px; margin-left:6px}
.comments .comments-content .datetime a:link{color:#999}
.comments .comments-content .datetime a:visited{color:#999}
#comments h4{ background:none repeat scroll 0 0 #EEE; color:#262626; font-size:16px; padding-bottom:25px; padding-left:25px; padding-top:25px; font-style:normal; font-family:arial}
#comments-block dt{ margin:.5em 0}
#comments-block dd{ margin:.25em 0 0}
#comments-block dd.comment-footer{ margin:-.25em 0 2em; line-height:1.4em; font-size:78%; display:none}
#comments-block dd p{ margin:0 0 .75em}
.comment-form{clear:both; margin-left:20px; margin-top:-60px; width:550px}
.comments .avatar-image-container img{ max-width:50px}
.comments .avatar-image-container{ float:left; max-height:50px; overflow:hidden; width:50px}
.avatar-image-container{ background:url("//ssl.gstatic.com/s2/profiles/images/silhouette46.png") repeat scroll 0 0 / 100% auto transparent; border-radius:50px 50px 50px 50px; -moz-border-radius:50px 50px 50px 50px; -webkit-border-radius:50px 50px 50px 50px; color:#FFF; display:block; float:left; font-size:20px; height:50px; margin-left:20px; text-align:center; width:50px}
.comments .avatar-image-container img{ width:50px}
#comments-block.avatar-comment-indent{ margin-left:4px; position:relative}
ol #comments-block li{ border-bottom:1px solid #EEE; list-style:none; margin:20px 0; z-index:-100; min-height:90px}
#comments-block .comment_content{ width:500px}
.deleted-comment{ font-style:italic; color:gray}