Tutorial : Comment Box { Blogskin }

Assalamualaikum and annyeonghaseyo. Makin hari makin busy. Jadi tieqa pon dah jarang update blog ni. Tp hari ni ada masa terluang utk update juga. Ok lah, tutor ni ramai yg tanya. Cuma tieqa tak 'berani' nak buat tutor-nya. sbb takut tak jadi. lol.  Tapi korang cuba dulu. Tutor ni sesuai untuk template classic sahaja.

{ 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;
}
4. Paste di atas code </style>
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>
7. Preview & save.

Pink : URL gif / icon
Biru : URL background

9 comment [s]:

Nurazlan Azmi said...

thnks unnie menjadi!!!!!

Alya Rawrr said...

tak jadi la unnie :(

Aulia Suci Wardina said...

tak menjadi:(

AtiqahJaidin said...

Cuba lagi. tuto ni kena cuba banyak kali :/

nurul alfira nasir said...

akak kalo nak mcm gambr mcm dlm blog denim ti mcm mn ye

alya rahimah said...

re-tutorial ya..

Dini Aliyyah said...

Tak jadilah, sis :c

Arof • said...

waalikumsalam warahmatullah and nado annyeong akak ^^

terimakasih banyak ye, menjadi ^^

Lesung Gigi said...

camne tak jadi haha