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 {Kemudian Save template nya :37:
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;
}
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:
Untuk sisipkan emoticon, taruh kode di komentar dan beri 1 spasi sebelum kode.