Display / Add comment blogskin ~ liya ~

26 Juni 2013

Display / Add comment blogskin

tutorial cara menampilkan kotak komentar di postingan pada classic template/blogskin.

Copy code di bawah ini,

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:#eee;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("http://i1082.photobucket.com/albums/j370/nisa105/applefav_zps5921ce63.gif") no-repeat;
margin-top:3px !important;
font-family: consolas;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
padding:0 0 0 20px;
color:#ccc;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:url(http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png);
border:2px dotted #fafafa;
font:10.5px century gothic;
line-height:20px;
margin:0em;
padding:8px;
color:#666;
letter-spacing:0;
text-align:left;
}

Paste di atas code </style>
Tekan F3, cari code </blogger>
Copy code di bawah, dan paste di atas code </blogger> (jika punya code itu lebih dari 1, paste-kan juga code di bawah ini, letakkan di atas code </blogger> yang lainnya )

<itempage>
<div id="comments" style="margin-top:5px;">
<blogitemcommentsenabled><a name="cocholiciou (s)"></a>
<dl id="comments-block">
<div style="width:540; padding:5px;margin-left:15px;margin-top:20px;border:0px solid #fff;border-radius:15px;background:#fff;">
<$CommentPager$>
<blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
<p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</div>
</ItemPage>