Caranya :
- Masuk ke Template -> Edit HTML -> Lanjutkan.
- Cari kode ini ]]></b:skin>
- Lalu masukan CSS-nya ini diatas kode tadi.
.admin-comment-wrapper {
padding-top:0 !important;
padding-left:10px !important;
padding-bottom:0 !important;
border-left:4px solid gray;
}
.admin-comment-wrapper a,
.admin-comment-wrapper a:visited {
color:blue;
}
.admin-comment-wrapper .admin-comment {
padding:10px 15px;
border:3px solid #eee;
background-color:gray;
color:black;
}
- CSS-nya bisa diedit lagi kalo gak suka sama tampilannya.
- Kalau mau ditambain icon. Tinggal tambah CSS dibawah ini :
.comments .comments-content .icon.blog-author{
width:18px;
height:18px;
display:inline-block;
margin:0 0 -4px 6px;
background-repeat:no-repeat;
background-image:url('URL gambar anda disini.png');
}
- Ukurannya gambarnya harus 18x18. Biar pas.
- Kemudian cari lagi kode yang seperti ini </body>
- Masukan kode dibawah ini tepat diatas kode tadi.
<script type='text/javascript'>
//<![CDATA[
(function() {
if (document.getElementById('comment-holder')) {
var comments = document.getElementById('comment-holder'),
icon = comments.getElementsByTagName('span');
for (var i = 0; i < icon.length; i++) {
if (icon[i].className == "icon user blog-author") {
icon[i].parentNode.parentNode.className += " admin-comment";
icon[i].parentNode.parentNode.parentNode.className += " admin-comment-wrapper";
}
}
}
})();
//]]>
</script>
test komen
BalasHapusikut test
HapusTEST AJ
Hapuscoba test,,,™
Hapuscobain aja test nya
BalasHapus