CARA MUDAH MEMBUAT KOTAK KOMENTAR DENGAN SCROLL

Berikut cara membuat KOTAK KOMENTAR DENGAN SCROLL karena pada sebuah postingan tentu saja mempunyai widget kolom komentar yang berguna untuk pengunjung memberikan komentar pada postingan tersebut. Jika komentar dari pengunjung semakin banyak, tentu saja akan membuat komentar yang ada semakin lama semakin bertambah sehingga halaman yang berisi postingan tersebut akan kelihatan memanjang kebawah. Hal itu tentu saja akan mengganggu keindahan penampilan blog. Dengan membuat scroll bar pada komentar dipostingan akan membuat blog anda terlihat lebih bagus dan tidak memanjang.

Cara Membuat Komentar dalam Scroll.

1. Cari kode berikut:

<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/> @ <a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</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>

</b:loop>
</dl>

2. Sisipkan kode berikut di atas kode tadi:

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

Selengkapnya akan jadi begini:

<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/> @ <a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</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>

</b:loop>
</dl>
</div>

dan jangan lupa memberi penutup tag dari div itu sendiri dengan menambahkan </div> setelah kode </dl> seperti contoh yang tertera di atas.

3. Kalo sudah tinggal Simpan

Tingginya juga bisa diubah sesuai keinginan kita, caranya ganti 400px dengan yang Anda inginkan.

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: CARA MUDAH MEMBUAT KOTAK KOMENTAR DENGAN SCROLL
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...