JAR of LIES;
ABOUT ENTRY LINKS STUFF
Tutorial : Comment Box {blogskin}
20131204 • Wednesday, December 04, 2013 • 0 comments


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.


PASTFUTURE
MY WORDS;

introduction seems so hard but HAI , i am the head of Slytherin. you may behave because well...you know..i am you-know-who

GIVE ME YOUR WORDS;



LE' FOLLOWERS;


BLOG ARCHIVE;

  • Another Months
  • Tutobies Section (Like Me)
  • #ChanyeolVirusDay
  • A Cup Of Coffee
  • Happy Ending ?
  • unknown
  • I Do Understand
  • Now Introducing !
  • Hip Hip ! Hooray !
  • Lame? Maybe not. . .