Cara Menambah fungsi scroll pada komentar

Cara Menambah fungsi scroll pada komentar, mungkin pada saat anda meninggalkan komentar pada suatu postingan seseorang, kadang kala kita melihat ada scroll pada kolom komentar, untuk apa, tentu untuk mempercantik dan membuat kesan rapi pada blog kita, untuk membuat scroll yang kita bahas diatas caranya

• lalu klik Tata Letak,
• kemudian Klik Edit HTML.
• Klik"expand widget template"
• Cari kode yang mirip seperti ini:

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>

<a expr:name='&quot;comment-&quot; + data:comment.id'/>

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

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

Jika sudah ketemu, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti dibawah ini:

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

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'>

<a expr:name='&quot;comment-&quot; + data:comment.id'/>

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

<dd class='comment-footer'>

<span class='comment-timestamp'>

<a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

Klik simpan template

^Untuk meminimalis kemungkinan yang akan terjadi, jangan lupa unduh template lengkap

Untuk mengatur scroll perhatikan kode <div style='overflow:auto; width:ancho; height:350px;'>

Jika cara 1 tidak berhasil coba Cara Kedua Menambah fungsi scroll pada komentar

cari kode <div class='comments' id='comments'> setelah itu akan ditemukan dua buah kode
kode yang pertama adalah untuk template desktop dan kode kedua untuk template mobile kreasikan sendiri yah
Letakan kode berikut style='max-height:300px;overflow:auto;'
Hasilnya kurang lebih akan seperti ini
<div class='comments' id='comments' style='max-height:300px;overflow:auto;'>

Semoga berhasil salam blogging

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Menambah fungsi scroll pada komentar dengan url http://dubraw735.blogspot.com/2012/06/menambah-fungsi-scroll-pada-komentar.html, Semoga Artikel Cara Menambah fungsi scroll pada komentar bermanfaat bagi diri saya dan anda.