Cara lain kotak komentar pada blogspot

Cara lain membuat kotak komentar pada blog :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).
5. Beri tanda centang/tik pada kotak kecil di samping tulisan Expand template Widget.
6. Cari kode Css berikut dan delete :



#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 90%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#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%;
}
#comments-block dd p {
margin: 0 0 .75em;
}

.deleted-comment {
font-style:italic;
color:gray;
}


7. copy pastekan kode css berikut pada kode CSS diatas, pada bagian ini anda dapat memodifikasi warna,ukuran sesuai kebutuhan anda :


#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.8em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000000;
}

#bg_commentblock {
width: 475px;
background: #3F3F3F;
float: left;
padding:20px;
margin:0 0 10px 0;
border:1px solid #C0C0C0;
}

#commentblock {
width: 440px;
background: #333333;
text-align:left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #333333;
border-bottom: 1px solid #333333;
}
#commentblock ol {
list-style-type: square;
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}

.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}

.commentinfo{
clear: both;
}

.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 430px;
background: #3F3F3F; url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UXSj-ph9rgoPWPxWeXjtpTjpaSgI_KLK5SRd-mw4YdmuozW4ua7picaSYYvFdwnIwlVGrX_UydQXUT9dpGcHMqW3oPolCWhVefszQvBasnCDu2FUAnAfy6t5EDUqtl7xe5JP7rD7rUsQ/s320-r/comment.gif) no-repeat top left;
}

.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 430px;
background: #FFFFFF; url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2UXSj-ph9rgoPWPxWeXjtpTjpaSgI_KLK5SRd-mw4YdmuozW4ua7picaSYYvFdwnIwlVGrX_UydQXUT9dpGcHMqW3oPolCWhVefszQvBasnCDu2FUAnAfy6t5EDUqtl7xe5JP7rD7rUsQ/s320-r/comment.gif) no-repeat top left;
}


8. Lalu cari juga Kode CSS berikut :