Modifikasi Kotak Komentar Blogspot

Sidikit modivikasi kotak komentar agar tampil lebih elegan dengan cara menganti Css Comentar Default dengan Css di bawah ini,Modifikasi ini saya dpat dari blog tetanga sebelah "Pelajaran-Blog",Kebetulan saya lagi cari artikel tentang cara modifikasi komentar blogspot,Pas ketemu di "Pelajaran-blog" Dan ahirnya saya tuangkan dalam posting saya ini,Intinya agar kelah jika saya prlukan untuk sendiri gmpng cari tutorialnya,Tapi jika anda kebetulan ketemu dan berjumpa saya di blog saya ini,Boleh saja jika anda ngin menerapkanya juga di blog anda,Dan hasilnya seperti gambar di samping kanan posting ini.

Caranya sebagai berikut :
"Login ke akun blog" > "Masuk ke Dhosbhor" > "Tata Letak" > "Edit Html".
Cari kode yang mirip seperti coe di bawah ini,Mengingat setip template berbeda beda.

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.2em;
color: $dateHeaderColor;
font: bold 78% Georgia Serif;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.4em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 20px 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 20px 1.5em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

Jika sudah ketemu,Hapus kode tersebut dan ganti dengan kode di bawah ini.

Advertisement

#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#B4F4FF none repeat scroll 0 0;
border:1px solid #B4F4FF;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}

kode yang bercetak tebal #B4F4FF adalah warna heder dari masing masing komentar,Silahkan ganti dan sesuaikan dengan blog anda,Dan untuk merubah tentunya harus tau kode warna,Silahkan kunjungi http://id.wikipedia.org/wiki/Daftar_warna untuk mengetahui kode warna yang di perlukan.

*Baca juga artikel berikut "Cara modifikasi google friend connect"

Terima kasih semoga bermanfaat..

Advertisement