New Update

Plih Kode Warna

select color   or Klick Here

Berlangganan Artikel

Email :

free counters

Filled Under: ,

Cara Membuat Scroll Pada Kolom Komentar

Share
  • Log in ke blogger=> pada dasbor=> klik tata letak=> edit HTML=> Expand Template Widget

Cari kode berikut:


<dl id='comments-block'>



  • Sisipkan kode berikut di atas kode tadi:


<div style='overflow:auto; width:ancho; height:400px;'>



  • Scroll kebawah sampai anda temukan kode </dl> atau gunakan lagi tombol ctrl+f untuk mencari

Setelah dapat letakkan kode berikut setelahnya


</div>



  • Simpan template.

Kalau masih bingung, lihat kode berikut, yang warna merah adalah kode yang harus anda sisipkan. Untuk ukuran height bisa anda ganti sesuai selera


<div style='overflow:auto; width:ancho; height:400px;'>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + 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>
<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<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>
<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>



  • Jangan lupa simpan template! Lihat hasilnya.

0 komentar:

Posting Komentar