Membuat scroll pada Bloglist

Dengan menggunakan gadget Bloglist (Daftar Blog) dari fasilitas blogger/blogspot kita bisa melihat setiap artikel-artikel terbaru dari daftar blog-blog yang terdapat di dalamnya, sehingga kita dapat dengan mudah mengetahui setiap perkembangan dan topik bahasan artikel dari blog-blog tersebut secara real-time. Akan tetapi, jika isi Bloglist ini terlalu banyak maka akan terlihat memanjang kebawah memenuhi sidebar pada blog kita, tentu saja hal itu sangat mengganggu dan membuat blog menjadi kurang rapi dan tidak menarik.

Untuk mengatasinya kamu bisa menambahkan perintah scroll yang diintegrasikan kedalam kode html blog. Sepintas memang kelihatan sulit untuk menambahkannya karena gadget-nya bukan berupa HTML/JavaSript. Tapi sebenarnya cukup mudah dan simpel, kamu hanya cukup menambahkan perintah overflow dan mengatur ukuran tinggi (height)-nya.

Untuk mengetahui lebih jelas cara membuatnya kamu dapat mengikuti langkah-langkah berikut:

• Dari halaman dasbor, klik Tata Letak - Edit HTML.
• Beri tanda centrang pada Expand Template Widget.
• Kemudian cari kode type='BlogList' (gunakan Control F atau F3).

Perhatikan kode yang ada di bawahnya, seperti ini:

<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>

• Tambahkan perintah style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga menjadi seperti ini:

<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content' style='overflow:auto; height:200px'>

• Atur ukuran tinggi (height)-nya sesuai kebutuhan lalu simpan hasil perubahan, jangan lupa dipratinjau dulu sebelumnya untuk memastikan kode tersebut berhasil.

Just share dan Selamat mencoba....☻☻☻