Yeah, Sekarang 4idoru
akan membagi cara membuat scroll box
pada komentar. Kegunaannya untuk mempersingkat atau menghemat halaman yang ada di blog.
Nah caranya cukup mudah sekali . ikuti langkah-langkah
berikut ini:
·
Silahkan Login ke blogger.
·
Masuk ke dasbord blog dan pilih Template -> 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:400px; width:650px;">
.............................................
.............................................
.............................................
</div>
Cari kode yang mirip dengan kode yang berwarna Biru di
bawah kemudian Tambahkan kode di atas dengan kode di bawah ini. sehingga
seperti di bawah ini.
<div class="scrollbox" style="overflow:auto;
height:400px; width:650px;">
<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>
·
Bila sudah di pasang silahkan klik simpan.
Note :
height:400px :
silahkan ganti angkanya untuk mengatur tinggi pada scroll box.
width:650px :
silahkan ganti angkanya untuk mengatur lebar pada scroll box.
Selesai deh mudah kan ? dan Terima kasih telah membaca atau
berkunjung di 4idoru dan sampai
ketemu lagi di posting selanjutnya…
0 comments:
Post a Comment