Home » » Trik Membuat Scrollbar pada Komentar

Trik Membuat Scrollbar pada Komentar

Di kesempatan ini saya ingin membagi tips pada sobat-sobat yang ingin kotak komentarnya bisa sedikit hemat tempat alias gak panjang menjulur ke bawah. tentunya hal ini memudahkan para pengunjung agar tak kesulitan memutar scroll mouse untuk menyeret halaman sampai ke bawah bila komentar blognya banyak banget.
Walau Tips ini sudah banyak yang memposting tapi gak salah pula kalo saya juga sedikit mereview hal ini, yuk kita simak tipsnya di bawah ini

Pada dashboard bloger masuklah ke menu edit html lalu ceklis Expand Template Widget dan temukan kode dibawah, cari yang agak mirip-mirip begini :

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' 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'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>"

Bila tidak ada script diatas maka cari yang seperti di bawah ini :
<dl id='comments-block'>
    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.backlinks' var='backlink'>
            <div class='collapsed-backlink backlink-control'>
              <dt class='comment-title'>
                <span class='backlink-toggle-zippy'>&#160;</span>
                <a expr:href='data:backlink.url'><data:backlink.title/></a> "

Bila sudah ketemu maka tambahkan kode di bawah ini persis diatas kode yang dicari tadi / kode diatas :

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

Jangan di Save dulu ya sob, coba Scroll ke bawah sedikit cari kode </dl> jika sudah ketemu beri kode penutup </div> setelah kode </dl> , jika tidak maka akan terjadi eror karena belum ada tag penutupnya.

Sekarang coba di preview, bila udah maka Save template sobat... selamat sekarang komentar-komentar sobat sudah ada scrollnya.  

4 komentar:

  1. Trik yang bagus bang...dengan pake scroll pada komentar, paling tidak bisa mengurangi load page jg aku rasa. tidak cuma itu jg sepertinya keliatan bikin rapi dan ringkas. info yg bermanfaat bang. salam sukses

    ReplyDelete
  2. Sipp langsung saya coba sob, berhasil ato tidak liat aja nnti hehehehee

    ReplyDelete
  3. langsung coba , Terima Kasih ilmunya gan :)

    ReplyDelete

* Berikan komentar secara Bijaksana dan membangun*
* Spam adalah tindakan tidak terpuji sebagai Blogger Sejati *

Ruqyah syar'i MP3