Membuat scroll pada kotak komentar

Langkah-langkah yang dilakukan dalam pembuatan scroll kotak komentar sebagai berikut:

1. Login ke blogger dengan menulis email dan password sobat

2. Pada dashboard klik rancangan, dilanjutkan dengan edit HTML

3. Centang tanda expand template widget

4. Tekan Ctrl-F dan cari kode <dl id='comments-block'>

5. Jika kode tersebut sudah sobat temukan, silahkan copas kode di bawah ini dan letakkan di atas  kode tadi.

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

6. Karena kita menggunakan perintah <div> jangan lupa untuk menutup dengan kode </div>. Silahkan sobat letakkan kode </div> setelah kode </dl>, atau untuk lebih jelasnya bisa sobat lihat pada contoh di bawah ini.

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

          </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>

          <dd class='comment-footer'>

            <span class='comment-timestamp'>

              <a expr:href='data:comment.url' title='comment permalink'>

                <data:comment.timestamp/>

              </a>

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

            </span>

          </dd>

        </b:loop>

      </dl>
</div> 

7. Simpan template dan coba lihat hasilnya.