Membuat Scroll Pada Kotak Komentar Bag 2

Kemarin saya membuat tutorial tentang Membuat Scroll Pada Kotak Komentar Bag 1 dan untuk bagian yang kedua silahkan simak tutorialnya berikut ini:
Pada cara Membuat Scroll Pada Kotak Komentar Bag 1, cara pembuatannya dengan menggunakan code CSS dengan menambahkan beberapa perintah pada code comments-block akan tetapi jika sobat menggunakan avatar blogger profile pada kotak komentar seperti pada, avatar tersebut tidak akan muncul atau hilang sehingga akan merusak pemandangan juga. Membuat Scroll Pada Kotak Komentar Bag 1 tersebut berfungsi jika sobat menggunakan avatar MyBloglog seperti pada kotak komentar blog saya ini.
Jika sobat menggunakan Avatar Blogger sebaiknya sobat menggunakan Cara yang kedua ini cuma hanya sedikit rumit dan perlu ketelitian karena harus menambahkan sedikit code pada Template karena hanya dengan cara ini avatar blogger profile pada kotak komentar blog sobat bisa muncul.
Cara yang harus sobat lakukan untuk membuat scroll ini adalah sebagai berikut:

1. Login ke Blogger.
2. Setelah berada pada halaman Dasbor, klik Rancangan dan klik Edit HTML.
3. Seperti biasa jangan lupa men-download template lengkapnya dulu sebagai back-up jika ada kesalahan dalam editing sobat bisa mengembalikannya ke bentuk aslinya sebelum di edit.
4. Centang kotak kecil disamping tulisan Expand Template Widget lalu cari kode seperti dibawah ini:

<dl id='comments-block'>

Untuk sobat yang menggunakan avatar blogger profile, cari kode seperti dibawah ini:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Jika sudah ketemu, tambahkan code berikut di atas code tersebut:

<div style='overflow:auto; border:1px solid #ccc; height: 250 px;'>

Sesuaikan tingginya dengan keinginan sobat. Lalu cari lagi code seperti dibawah ini:

</b:loop>

</dl>

Jika sudah ketemu, letakkan code dibawah ini tepat dibawah code tersebut:

</div>

Simpan hasil perubahan yang sudah sobat lakukan dan selamat mencoba!.