Membuat Scroll Pada Kotak Komentar Blogger

Sebuah komentar sangat diperlukan untuk sebuah blog, karena dengan adanya komentar kita jadi tahu seberapa sering blog kita dikunjungi orang. Komentar yang datang ke blog kita bisa berupa pujian ataupun kritikan. Tapi apabila blog anda mempunyai komentar yang cukup banyak, maka akan banyak space yang tersita. Nah, untuk menghemat space di blog temen-temen mungkin anda ingin menggunakan scroll pada daftar komentar di blog anda. Jika temen-temen tertarik berikut ini adalah langkah-langkah pembuatannya :

1. Login ke account blogger anda
2. Kemudian klik Tata Letak,
3. Lalu klik Edit HTML. jangan lupa centang  expand widget template
4. 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>
    

Nah, kalau sudah memperhatikan kode di atas, sekarang tambahkan kode berwarna merah,yang akhirnya menjadi seperti berikut:

<div style='overflow:auto; width:ancho; height:300px;'>
<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>
    

Teman-teman juga bisa mengatur panjang letak kotak komentar yang sudah diberi scroll itu dengan cara mengatur nilai pada kode
<div style='overflow:auto; width:ancho; height:300px;'>
perhatikan pada bagian : 300px. Angka tersebut dapat anda atur sesuai keinginan, tapi lihat dulu hasilnya  pada kolom komentar postingannya, apakah sudah sesuai dengan ukuran kotak komentar yang anda inginkan.

Sumber : http://creatingwebsite-maskolis.blogspot.com

Selesai Juga Dech Tutorialnya....
Terimakasih Atas Kunjungannya....
Semoga Ilmu Yang Sedikit Ini Bermanfaat....
Jangan Lupa Like Post Ini Ya.... Terimakasih....

Print this page

Posted in: Blogger