Menambahkan Fungsi Scroll Pada Widget Blogger

Kali ini saya akan share cara Menambahkan Fungsi Scroll Pada Widget, yaitu hal ini akan membuat widget tersebut terlihat lebih rapih dan tentunya lebih enak dilihat.

Gambar 1.0
Contoh Penerapan Di Blog's Linux

Untuk membuat fungsi seperti ini sobat perlu mengetahui ID-WIDGET dari widget yang ingin sobat tambahkan fungsi scroll ini. Sebagai contoh kita akan membuat fungsi scroll pada widget Arsip Blog's seperti Gambar 1.0 atau sobat bisa mengecek di blog ini sobat.

Gambar 1.1

Pada Gambar 1.1 adalah cara cepat untuk lompat ke widget yang sobat kehendaki, sekaligus itu adalah nama dari ID-WIDGET yang kita ingin tambahkan fungsi scroll tadi sobat. Dalam bentuk HTML akan terlihat seperti Gambar 1.2 sobat.

Gambar 1.2

Nah, setelah sobat mengetahui id dari widget yang sobat kehendaki, sobat hanya perlu menambahkan script berikut:

#ID-WIDGET .widget-content {
  max-height:200px;
  overflow:auto;
}

Dan letakkan diatas kode  ]]></b:skin>  atau diatas kode </style> pada template sobat. Dan ganti ID-WIDGET menjadi BlogArchive1 seperti contoh Gambar 1.3, atau dengan ID widget yang sobat kehendaki.

Gambar 1.3

Jika sobat ingin membuat fungsi scroll lebih dari satu widget, sobat bisa menuliskan scriptnya menjadi seperti ini sobat:

#Label1 .widget-content,
#BlogArchive1 .widget-content,
#Followers1 .widget-content {
  max-height:200px;
  overflow:auto;
}

Jika sobat ingin merubah tinggi maksimal dari widgetnya sobat bisa mengedit value dari max-height . Setelah itu Simpan Template sobat.

Semoga Bermanfaat.. ^_^

Source : DTE :]