Mempercantik tampilan komentar


Sebelumnya saya sudah membuat posting hal yang sama merubah tampilan komentar di blog Merubah tampilan komentar di Blog lebih menarik, Namun kali ini lebih sederhana dan lebih praktis ketika membalas komentar pengunjung tidak lagi menampilkan jendela paru (pop-up).

Cara merubahnya cukup sederhana dengan template bawaan sobat letakkan script di bawah ini di atas ]]></b:skin>
.comments .comment-block {
background: #f9f9f9;
border: 1px solid #EAEAEA;
border-radius: 3px 3px 3px 3px;
margin-left: 63px;
margin-bottom:-20px;
padding: 10px;
position: relative;
}
#comments .avatar-image-container img {
border: 0px solid #FFFFFF !important;
height: 57px;
max-width: 57px;
}
.comments .avatar-image-container {
border: 0px solid #FFFFFF;
float: left;
margin-left: 6px;
max-height: 60px !important;
overflow: hidden;
width: 60px !important;
}
.comment-header {
color: #000000;
border-bottom: 0px solid #F1F1F1;
}
.comment-header a {
color: #d80556;
font-family: Arial;
font-size: 16px;
border-bottom: 0px solid #F1F1F1;
}
.comment-block:hover > .comment-header {
border-bottom: 0px solid #000000;
}
.comments .comment .comment-actions a {
background: -moz-linear-gradient(center top , #EEEEEE 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
border: 0px solid #E0E0E0;
border-radius: 3px 3px 3px 3px;
color: #000000;
font: bold 12px arial;
margin-right: 14px;
padding: 4px 11px !important;
text-decoration: none !important;
text-shadow: 1px 1px 0 #FFFFFF;
}
Kemudian Save template nya :37:

Untuk merubah tampilan (memberi gambar) pada komentar Admin Blog seperti gambar di atas bisa di baca posting berikut Merubah tampilan komentar Admin blog

0 comments:

Warning!
- Tinggalkan jejak anda di kolom komentar.