haduu.hh... malam ini pising banget nih banyak tugas yang numpuk, saya kira setelah UKK semua tugas di sekolah akan terlepas , ternyata dugaan saya salah malah sebaliknya banyak tugas yang belum terselesaikan hingga saat ini . untuk melepas kepusingan saya coba ngeblog dan menuliskan postingan ini untuk anda .
dan kali ini saya akan memberi tahukan kepada anda bagaimana memberi kotak scroll pada komentar blog . ya.... mungkin tips kali ini akan sangat membantu untuk blog - blog yang banyak memiliki penggemar yang sering memberikan commentar pada setiap postingan blognya ..
untuk memberikan kotak scroll pada komentar blog anda tak perlu cara yang berbelit belit anda hanya perlu melakukan
- sigin ke account blog anda ...langsung aja ke tata letak -- > edit HTML ( beri tanda centang pada expand widget )
- lalu cari code seperti ini :
<dl id='comments-block'>
- pastekan code di bawah ini tepat di bawah code tadi :
<div style='border: 1px double; width:100%; height:250px; overflow:auto;'>code yang berwarna biru merupakan lebar kotak scroll
code yang berwarna hijau merupakan tinggi dari kotak scroll
- seteh itu anda tarik scroll kebawah sedikit ajah akan menemukan code seperti di bawah ini :
<dl id='comments-block'>anda hanya perlu menambahkan code </div> tepat diatas code yang berwarna merah
<div style='border: 1px double; width:98%; height:250px; overflow:auto;'>
<b:loop values='data:post.comments' var='comment'>
<dt>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/> @ <a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<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>
</b:if>
</b:loop>
</dl>
- simpan.
.gif)
.gif)
5 Responses So Far:
hmmm tips nya bagus...makasih
nice post
nanti kalo komentar di blogku udah banyak aja bro... sekarang blogku masih bayi, blm banyak yg ngasih koment
lebih bagus scrollnya utk related post aja...
Terima kasih tutorialnya, langsung praktek...