Membuat Roll Pada Komentar

Bingung mau posting tentang apa, akhirnya dapet ide untuk sharing tentang bagaimana "Membuat Roll Pada Komentar" di postingan kita. Bagi sobat yang postingannya belum memiliki komentar yang banyak, mungkin saja tips blog ini tidak terlalu berguna. Tapi bagaimana ketika komentar pada postingan kita sudah lumayan banyak, paling tidak diatas 7 komentar, hal itu tentu akan memakan ruang/space pada halaman blog kita serta membutuhkan tambahan waktu untuk loading page. Nah untuk mengatasi hal tersebut, ada trik untuk menghemat ruang/space pada halaman blog kita yang digunakan untuk menampung jumlah komentar dari pengunjung blog yang sudah lumayan banyak.
Untuk membuat roll pada komentar, sobat ikuti aja langkah-langkah berikut ini :
1. Masuk pada Menu Layout/Tata Letak
2. Pilih Edit HTML dan centang Expand Widget Template
3. Cari kode seperti ini :

<dl id='comments-block'>

4. Letakkan kode dibawah ini tepat setelah kode tersebut diatas :

<div style='border: 1px double; width:100%; height:250px; overflow:auto;'>

5. Biar gak terlewat kodenya, sobat cari kode berikut menggunakan arah bawah keyboard :

</dl>

6. Kalo udah ketemu, sobat taruh kode </div> tepat diatas kode </dl> tersebut. Sehingga kurang lebih secara keseluruhan akan terlihat seperti ini :

<dl id='comments-block'>
<div style='border: 1px double; width:100%; height:250px; overflow:auto;'>
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
</div>
</dl>

7. Simpan template sobat dan liat hasilnya.

Keterangan :
* Kode yang berwarna biru adalah kode asli dari template
* Kode yang berwarna merah adalah kode yang di tambahkan ke template
* Tanda garis putus-putus hanya mewakili kode-kode yang lain (kode asli dari template)
* Kode border:1px double; adalah variasi border dengan dua garis, sobat bisa menggantinya sesuai selera, misalnya dengan border:2px solid rgb(51, 255, 51);
* Width:100% agar lebarnya sesuai dengan template, sedangkan height:250px bisa sobat ganti sesuai dengan selera sobat.

OK sobat, segitu dulu tips blog kali ini, semoga bermanfaat ^_^