frhxv
Tutorial : Comment Box ( Blogskin )

Assalamualaikum and annyeong~ Lama dah rasa han tak bagi tuto or freebies ni. Huhuu,ni pun han free. Han bagi tuto ni sebab ramai orang request. Comment box yang macam han punya. Cuba tengok dekat post han yang ada comment. Macam tu la,nice kan? So,here the tuto.

1. Dash > Template
2. Press ctrl + F dan cari code </style>
3. Copy code 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;}

4. Paste di atas code </style>
5. Next,cari code ni pula <$BlogItemBody$>   
6. Pastu,gantikan code <$BlogItemBody$> dengan 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>
7. Preview and save

Pink : URL gif / icon
 
Biru : URL background
[ 3 comments ]