Tutorial Overflow/Scroll

Memandangkan ramai yang request untuk code ni so aku buat tutorial serba sedikit untuk code Overflow/Scroll pada gadget. Kegunaan code ini untuk singkatkan/memendekkan gadget yang terlalu panjang atau berulang seperti masa nak letak award, banner, gambar dan lain² lagi pada sidebar. Berikut adalah langkah² memasukkan code tersebut:

1. Login ke ID Blogger atau terus ke "Dashboard"
2. Klik "Layout" dan Masuk di Bahagian "Page Elements"

3. Pilih "Add a Gadget" pada sidebar seperti di atas kemudian pilih "HTML/JavaScripts" dengan klik butang seperti gambar di atas dan gambar rajah seperti dibawah akan keluar.

4. "Configure HTML/JavaScript" akan keluar setelah butang di klik seperti di bawah dan mulakan dengan copy code Overflow/Scroll dalam kotak di bawah dan paste kedalam "Configure HTML/JavaScript" untuk kelebaran dan22

<div style="overflow:auto; height:250px;width:240px;">

5. Paste code di atas pada atas@awal dalam kotak "Configure HTML/JavaScript" kemudian mulakan dengan memasukkan link Award, Banner, Gambar atau sebagainya seperti gambar dibawah. Kelebaran dan ketinggan (width: dan height:) boleh diubah mengikut citarasa masing² tapi pastikan lebar (width) tidak melebih sidebar template masing² agar tidak terkeluar atau tersasar daripada garisan

Dan hasilanya adalah seperti di bawah ini

Dari Azizan4444


Dari Edan Coba


Dari Luvida


Dari Daus


Dari Cik Angah


Dari Yanie


Dari Borneo Falcon


Dari rosCha


Dari PJ

Penambahan

Selain code Overflow/Scroll ini kawan² jugak boleh menggunakan code HTML marquee sebagai alternatif seperti tutorial yang lepas dengan copy dan paste code seperti dibawah ini

<marquee direction="up" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()" height="200"><img src="LINK" /></marquee>

Dan hasilanya adalah seperti di bawah ini

Ok tu jer... Enjoy!~