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]:

Unknown said...

thnks unnie menjadi!!!!!

Nur Alya said...

tak jadi la unnie :(

auliasuciwardina said...

tak menjadi:(

atiqahjaidin said...

Cuba lagi. tuto ni kena cuba banyak kali :/

Trumpet Vine said...

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

alya said...

re-tutorial ya..

Iyah said...

Tak jadilah, sis :c

Unknown said...

waalikumsalam warahmatullah and nado annyeong akak ^^

terimakasih banyak ye, menjadi ^^

Unknown said...

camne tak jadi haha