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.. ^_^