Sebagai contoh widget yang ingin di tambahkan scroll yaitu widget "Blog Archive", kita hanya menambahkan kode overflow:auto agar widget tersebut memiliki tinggi yang di inginkan dan dapat di scroll seperti pada "Blog Archive" yang saya gunakan di blog ini. Berikut contoh gambar kode yang di tambahkan.
![]() |
Widget Id |
Berikut cara menambahkan scroll pada widget
- Pastikan widget sudah terpasang di blog
- Login ke akun blogger
- Ketahui widget id yang ingin di buat scroll, sebagai contoh widget yang akan di buat scroll "Blog Archive" maka widget idnya "BlogArchive1" seperti pada gambar di atas, untuk mengetahui widget id bisa juga melalui edit tempale lalu pilih "Lompat ke widget" sesuai gambar di atas.
- Masuk ke halaman edit template kemudian car kode ]]></b:skin> untuk memudahkannya mencari kode tersebut gunakan tombol ctrl+F, kemudian letakan kode dibawah ini tepat di atas kode ]]></b:skin>
#BlogArchive1 .widget-content{
height:230px;
width:auto;
overflow:auto;
}
height:230px;
width:auto;
overflow:auto;
}
- Sesuaikan kode berwarna merah dengan widget id yang ada di blog masing-masing.
- Ubah kode dengan warna biru untuk mendapatkan ukuran tinggi dari widget yang di inginkan.
- Kemudian jangan lupa di save.