- Masuk ke blog sobat.
- Pilih Template
- Klik edit HTML.
Kode yang berwarna merah di bawah ini adalah kode yang anda
tambahkan pada kode template anda.
<div class="scrollbox"
style="overflow:auto; height:350px; width:600px;">
................................................
.............................................
</div>
Cari kode yang mirip dengan kode yang berwarna Biru di
bawah kemudian Tambahkan kode di atas dengan kode di bawah ini. sehingga akan
tampak seperti di bawah ini.
<div class="scrollbox"
style="overflow:auto; height:350px; width:600px;">
<dl
expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop
values='data:post.comments' var='comment'>
<dt
expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if
cond='data:comment.favicon'>
<img
expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;'
width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if
cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
</div>
Note:
height:350px Silahkan ganti angkanya untuk mengatur tingginya
width:600px; Silahkan ganti angkanya untuk mengatur lebarnya