CSS Komentar Blogger Seperti Komentar Google+

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}

Jika sobat susah menghapus CSS komentarnya, silahkan kontak fb saya : facebook
4. Simpan Template

source script