.The_Bams.
//Miserable Bams !
Buat Comment Box
Saturday 26 January 2013 | 00:53 | 0 Kaki Busuk !

assalamualaikum and annyeonghaseyo :) okay nak ajat buad comment box dalam blogskin, mosly blogskin takda comment box kan , so jum buad comment box tapi code ni bam dah edit bagi comel sikit, baikkan..? hahaha, but first kena buad macam dalam gambar bawah


pergi dashboard --> setting --> posts and cooment --> , then click comment location to embedded

dah save changed..? okay kalau dah save pergi template pulak .. ikut step by step okay

step 1 : tekan Ctrl+F and cari code </style>
step 2 : copy code dekat bawah ni and pastekan dekat atas code </style> tadi taw

@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.avatar { border: #99ff99 1px dotted;background-position:bottom right;
background-repeat:no-repeat;
background-image: url(CUTE ICON);
padding: 5px;
}
#comments h4 {
background:#D1F4FE;text-align:center;
color:#fff;
border: #dEdEdE 2px dashed;text-shadow:2px 2px 3px #888;
font:25px ttn !important;}
#comments-block { background: ; font:normal 9pt 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:7pt tahoma; text-align:right; text-transform:normal; letter-spacing:.0em;}
#comments-block dd p { border:3px dashed #FEE8E8; border-radius: 30px 30px 30px 30px; background:#FFEEFD; padding:10px; }
.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;}

PINK : Border 2 = boleh tukar jenis border ( solid , dashed , dotted ) dan tukar warna border
MERAH : Cute icon , bolen cari SINI
BIRU : BG 2 = boleh tukar warna background
OREN : Border 1 = boleh tukar jenis border ( solid , dashed , dotted ) dan tukar warna border
HIJAU : Border 3 = boleh tukar jenis border ( solid , dashed , dotted ) dan tukar warna border
PURPLE : BG 1 = boleh tukar warna background

untuk code warna, tengok SINI
  • sila rujuk gambar bawah :)



 wait ! tak habis lagi taw, heww panjang bebonaaaaa kan -,- heee okay jum sambung !

step 4 : next cari code <$BlogItemBody$> , dah jumpa delete semua code tu  termasuk code <$BlogItemBody$>  sampai sebelum code </blogger> and ganti dengan code bawah ni, tak paham boleh tengok gambar bawah


<$BlogItemBody$>
<center><br><MainPage>
<BlogItemCommentsEnabled>
<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$>
Bebel Much (s) </a> | <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>Click To Comment </a>
</BlogItemCommentsEnabled>
</BlogItemCommentsEnabled>
</MainPage>
<div style="text-align:left;" ">
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled><a name="comments"></a>
<h4><$I18NNumComments$>:</h4>
<dl id="comments-block">
<$CommentPager$>
<BlogItemComments>
<dt class="avatar" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$>
</dt>
<dd class="comment-content">
<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 --> 

make sure code atas ni dipastekan atas code </blogger> lepas semua dekat code <$BlogItemBody$> di delete taw ! kalau code <$BlogItemBody$> tu ada 2 so delete and ganti dekat 2 2 code okay..? dah siap preview lah, kalau jadi save, okay thanks :)