THE END

Credits more;

Template :N.Afiqah Basecode :Masterly_elmo Tutorial : Afiqah Wana Atiqah Re-edited by :Owner Pictures : We Heart It Best View : Google Chrome

Sebenarnya tuto ni Mimie yang mintak. Tapi bila aku search google lepastu try buat macam tak jadi. Tapi dalam banyak banyak tu ada yang jadi. Tuto ni cik ziera panda yang punya. Credit to her.

Tuto hari ni ialah macam mana nak buat comment box macam ni


1. Dashboard > Template
2. Tekan ctrl + f serentak dan cari code </style>
3. Copy code bawah ni

/* Comments

----------------------------------------------- */

#comments h4 {margin:1.8em 0; font-size:10px; text-transform:uppercase; color: #aaaaaa; line-height:10px; border-bottom: 1px dashed #dedede; background: ; font-weight:normal;}

#comments h4 strong {font-size:8pt tahoma;}

#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:1px solid #dedede; border-radius:2px;}

.deleted-comment { font-style:italic; color:gray;}

.paging-control-container { float: right; margin: 0px 0px 0px 0px; font-size: 80%;}

.unneeded-paging-control { visibility: hidden;}

4. Paste di atas code </style>
5. Kemudian search code </blogger>
6. Copy code bawah ni

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

7. Paste di atas code </blogger>
8. Kemudian, pergi dashboard > setting > post and comments


9. Tukar yang dalam kotak tu macam gambar di atas. Tapi kalau korang punya memang dah sedia macam tu biarkan je la.
10. Preview dan save.

PAST • FUTURE