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 anda menggunakan avatar blogger profile pada kotak komentar seperti pada blog saya ini, avatar tersebut tidak akan muncul atau hilang sehingga akan merusak pemandangan juga. Membuat Scroll Pada Kotak Komentar Bag 1 tersebut berfungsi jika anda menggunakan avatar MyBloglog seperti pada kotak komentar blog saya ini.
Jika anda menggunakan Avatar Blogger sebaiknya anda 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 anda bisa muncul.
Cara yang harus anda 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 anda 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 anda 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 anda. 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 anda lakukan dan selamat mencoba!.

Tweet