Cara Menambah Scroll Pada Kotak Komentar Blog Komentar dari pengunjung tentu sangat di tunggu-tunggu oleh blogger setelah mereka membuat artikel baru. Ramai dan tidaknya suatu blog bisa di lihat dari jumlah komentar pada setiap postingan, semakin banyak komentar maka sudah di pastikan artikel tersebut berkualitas dan menarik untuk di baca.
Namun jika jumlah komentar sudah terlalu banyak maka akan membuat pengunjung tidak nyaman saat mereka ingin ikut memberikan komentar pada artikel tersebut. Untuk itu selain dengan menambahkan daftar isi , teman-teman juga bisa menambahkan fungsi scroll pada blogspot demi kenyamanan pengunjung. Karena itu kali ini saya akan mencoba berbagi dengan teman-teman tentang cara membuat scroll pada kotak komentar blog.
Silahkan simak dengan teliti langkah-langkah berikut :
- Login ke blogger – pilih Rancangan – Edit HTML
- Klik ” Download Full Template ” untuk backup template
- Centang ” Expand Widget Templates ” dan cari kode berikut
<dl id=’comments-block’>
untuk mempermudah gunakan CTRL + F dan copy paste kode tadi. - Jika sudah ketemu silahkan tambahkan kode <div style=’overflow:auto; width:ancho;
height:350px;’> tepat di atasnya dan karena menggunakan tag pembuka <div> maka kita juga harus menambahkan tag penutup tag tersebut dengan </div> dan di letakan dibawah kode </dl>
- Maka script HTML secara lengkap dari tag pembuka sampai tag penutup akan terlihat seperti berikut :
<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=’"comment-" + data:comment.id’>
<a expr:name=’"comment-" + 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=’"#comment-" + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’"comment-" + data:comment.id’>
<a expr:name=’"comment-" + 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=’"#comment-" + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>
</div>
- Setelah yakin script sudah benar teman-teman tinggal klik ” Save Template “
- Selesai, semoga artikel Cara Menambah Scroll Pada Kotak Komentar Blog bermanfaat .
Sumber : http://sobatpc.com