Tutorial : Comment Platform for Blogskin



Assalam semua :)
Rasa Bosan pulak . Jom La Najwa Sambung Buat Tutorial :D .. Haha Rasa Macam Nak Menari Macam Spongebob La Pulak .. HihihiKali Ni Lain Siket
Comel kan ? Jom la buat ..
 Pergi ke Setting > Comments > Tick Embedded Below Post > Save
 Template > Edit Html .
 Tekan Ctrl+f, cari kode </style>
 Copy kode bawah ni dan paste di atas </style>
/* Comments
----------------------------------------------- */
#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #FFFFFF; line-height:10px; border-bottom: 2px solid #dedede; background:#F7819F ; font-weight:normal;}
#comments h4 strong {font-size:8pt smiley monster;}
#comments-block {background: ; font:normal 8pt arial; line-height:1.2em; padding:4px;}
#comments-block dt { margin:.5em 0;}
#comments-block dd { margin:.25em 0 0;}
#comments-block dd.comment-timestamp {margin:-.25em 0 2em; font:5pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p {margin:0 0 .75em; padding:4px; background:#fff1f3; border:2px solid #dedede; border-radius:2px;}
.deleted-comment { font-style:italic; color:black;}
.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}
.unneeded-paging-control { visibility: hidden;
}
 Tukarkan yang colour pink tu dengan colour korang cari di SINI .

 Tekan Ctrl+f, cari kode ni pulak <$BlogItemBody$> . Anis tau ada dua kan kod nye ? Ubah dua2 k .
 Copy kode bawah ni dan gantikan dengan kode di atas
<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
comment (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Jom comment (s) </a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<br>
<div style="text-align:right;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="comment-poster" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-body">
<p><$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp"><a href="<$BlogCommentPermalinkURL$>" title="comment permalink"><$BlogCommentDateTime$></a>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
<$CommentPager$>
</dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
</p>
<p class="comment-timestamp">
</p>
</div>
</ItemPage>
<!-- End #comments -->
 Yeay, dah siap dah ! Boleh preview, kemudian Save ;)
 Last sekali, senyum ..
 Dan jangan lompat .. nanti dikira gila ..
 
Orange Bobblehead Bunny