#comments h4 {
margin:0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}
#bg_commentblock {
width: 548px;
background: #ffffff;
float: left;
padding:20px;
margin:0 0 10px 0;
border:1px solid #C0C0C0;
}
#commentblock {
width: 510px;
background: #E8E8E8;
text-align:left;
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
border-top: 2px solid #333333;
border-bottom: 1px solid #333333;
}
#commentblock ol {
list-style-type: square;
margin: 0px 0px 0px 10px;
padding: 0px 0px 10px 0px;
}
.commentdate {
font-size: 12px;
padding-left: 0px;
}
#commentlist li p {
margin-bottom: 8px;
line-height: 20px;
padding: 0px;
}
.commentname {
color: #333333;
margin: 0px;
padding: 5px 5px 5px 0px;
}
.commentinfo{
clear: both;
}
.commenttext {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEF_IEdZw_pqlQYtqeuCvUPNwbM36SVZkdNU2MDO6G4FrwuIbqGeCnubrrxc8cb14q2KLcMSvh5kXX9-i-LPgY964T4nGREaO0hP61YgkYu0LOcm7nRg8WRsAVrgQRKPCrqv6BLJiT7xz/s320-r/comment.gif)
no-repeat top left;
}
.commenttext-admin {
clear: both;
margin: 3px 0px 10px 0px;
padding: 20px 10px 5px 10px;
width: 490px;
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEF_IEdZw_pqlQYtqeuCvUPNwbM36SVZkdNU2MDO6G4FrwuIbqGeCnubrrxc8cb14q2KLcMSvh5kXX9-i-LPgY964T4nGREaO0hP61YgkYu0LOcm7nRg8WRsAVrgQRKPCrqv6BLJiT7xz/s320-r/comment.gif)
no-repeat top left;
}
Lihat lagi ke bagian bawah dan lihat kode yang seperti ini.
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.allowComments'>
<h4>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.numComments == 1'>
1<data:commentLabel/>:
<b:else/>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkUrl'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkText/></a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkUrl'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkText/></a>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentRangeText/>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkUrl'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkText/></a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkUrl'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkText/>
</a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkText/>
</a>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentRangeText/>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkText/>
</a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.allowComments'>
<a expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.addCommentUrl' expr<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>nclick='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.addCommentOnclick'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ostCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
hapus kode di atas, dan ganti dengan kode di bawah ini.
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.allowComments'>
<div id='bg_commentblock'>
<h4>
Komentar :
</h4>
<div id='commentblock'>
<!--commentblock-->
<strong>ada</strong> <b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.numComments == 1'>1
<b:else/>
<strong><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.numComments/> <data:commentLabelPlural/>
ke “<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.title/>”</strong>
</b:if>
<dl class='commentlist'>
<b:loop values='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.comments' var='comment'>
<span>
<dt expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName' style='display:inline'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
pada hari <dd class='comment-footer' style='display:inline;
margin:0px'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd></span>
<dd class='commenttext'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/></p>
</b:if>
</dd>
</b:loop>
</dl>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldestLinkText/>
</a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.oldLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.olderLinkText/>
</a>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.commentRangeText/>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newerLinkText/>
</a>
<a expr:class='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newLinkClass' expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkUrl'>
<data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.allowComments'>
<a expr:href='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.addCommentUrl' expr<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>nclick='data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ost.addCommentOnclick'><data<img style='border:0;padding:0' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>ostCommentMsg/></a>
</b:if>
</b:if>
</p>
</div>
<!--end commentblock-->
</div>
</b:if>
- Setelah Itu Save Templates
- Dan lihat hasilnya
SELAMAT MENCOBA!!