Tutorial : Comment Platform

Post by Adilla Shahirah | 9:44 am | 5 Nutella |
Assalammualaikum. Tutorial ini khas untuk blogskin. korang boleh letak comment orang lain kat platform. macam bawah ni.


Itulah comment platform.sekarang mari kita mulakan.
             
 Setting > Comment > Comment Form Placermen
 Korang Tick embedded below the post , then save





 Next ,  Template > Edit HTML
 Tekan ctrl+f  then cari code </style>
 Copy code bawah ni , and paste sebelum code </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;
*nak tukar warna korang cari je code warna then tukar yg korang suke k

 Next, korang cari pulak code <$BlogItemBody$>
 Dah? korang gantikan code tuh dgn code kat bawah nih

<$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 --> 


*Kalau ada dua code <$BlogItemBody$> korang gantikan dua-dua sekali k.

 Dah siap semua, korang Preview & save.

Tutorial : Scrollbar for comment 

Terima kasih baca entry ni. Jangan lupa datang lagi ke sini!