HOME OWNER FRIENDS STUFFS FOLLOW DBOARD NEWER OLDER

Comment Box Style #1
Friday, February 21, 2014 - Permalink - 0 Miku(s)
Salam Sejahtera Semua!
Hari ini nak buat Comment Box style (Salsa's Style)
Ilmu ini sangat la penting!
Sharing is Caring Jom saya sharekan Tutorial ini kepada kamu semua!

  • Dashboard > Template > Cari kode di bawah ini
</style> 
Untuk Blogskin
  •  Dashboard > Template
Paste Kod ini Sebelum kod </style>  itu

.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("Mini Icon Korang") no-repeat 2px .3em;
margin-top:5px !important;background-size:10px;
padding:0 0 0 20px;
color:#666;
}
span.comment-icon{display:none}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border:3px solid #FCEBED;
margin:0em;
padding:5px;
color:#808080;
}
  •  Kemudian cari kod ini pula
</Blogger>.
  • Selepas itu, Kamu copy kod ini sebelum kod yg korang cari tadi
 <itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:470px; padding:5px;margin-top:20px;border:4px solid #000000;6px;background:url(Url Background); box-shadow:0  0 3px #ddd;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
<$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
</div>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</div>
</ItemPage>
MERAH : Gantikan Warna Korang
OREN : GANTIKAN DENGAN KORANG PUNYA ICON/ETC

  • Selesai? SAVE!