Tutorial : Comment Box { Blogskin }
{ e x a m p l e }
1. Dashboard > Template
2. Press Ctrl + f dan cari code </style>
3. Copy code di bawah ni
#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("URLGIF") no-repeat 2px .3em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:2px solid #F2F4FF;
margin:0em;
padding:5px;
color:#808080;
}
5. Kemudian, cari code ni pula <$BlogItemBody$>
6. Then, gantikan code <$BlogItemBody$> dgn code di bawah
<$blogitembody$>
</BlogItemCommentsEnabled></div><br>
<itempage>
<div id="comments"style="margin-top:2px;">
<blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:-10px;border:4px solid #fff;6px;background:url(URLBG); box-shadow:0 0 3px #ddd;">
<$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>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
</ItemPage>
Pink : URL gif / icon
Biru : URL background
9 comment [s]:
thnks unnie menjadi!!!!!
tak jadi la unnie :(
tak menjadi:(
Cuba lagi. tuto ni kena cuba banyak kali :/
akak kalo nak mcm gambr mcm dlm blog denim ti mcm mn ye
re-tutorial ya..
Tak jadilah, sis :c
waalikumsalam warahmatullah and nado annyeong akak ^^
terimakasih banyak ye, menjadi ^^
camne tak jadi haha
Post a Comment