memberi kotak scroll pada komentar blog 5

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 :

&lt;div style='border: 1px double; width:100%; height:250px; overflow:auto;'&gt;

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'>
<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>

anda hanya perlu menambahkan code </div> tepat diatas code yang berwarna merah

• simpan.

bagaimana hasilnya .... ?

Baca Juga Artikel Terkait