Rabu, 21 September 2011

Cara Membuat Scroll Widget

Scroll? apa itu?
Lihat gambar di bawah ini maka anda akan mengerti apa itu 'scroll'








Nah? bagaimana? mengerti kan?


Secara khusus scroll banyak di gunakan untuk mengurangi pemakan tempat. Jika sebuah konten di biarkan dalam ukuran asli maka akan banyak memakan tempat. Benarkan? Dan juga kehebatan Scroll ini dapat mengurangi loading blog yang lama. Dan sangat praktis di gunakan. :)

Sangat berguna bukan? Okeh kita langsung ke TKP aja yah?

Caranya simple kok .. Cuma agak sedikit ada HTML nya. okeh?


Gini nie..



1. Login ke blog anda. (kalo gak login mana bisa masuk? XD)
2. Lalu masuk ke Layout (untuk tampilan BLOGGER terbaru)
3. klik "tambahkan gadget"

4. Pilih HTML/Javascrip
5. Lalu masukan kode di bawah ini :

<div style="overflow:auto;width:ancho;height:500px;padding:5px;border:0px">
{LETAKAN KODE ANDA DI SINI}
</div>


6. Nah yang aku tandai dengan warna merah ganti dengan konten yang akan di beri scroll. Harus berupa kode HTML lo ya.. 
7. Save



Jika mau menambah border ganti 0px jadi 1.
warna :  solid #096DB0 (letakkan di belakang kode sebelum ">) {ini untuk warna border nya}




Jadi sesuatu yang ingin anda beri scroll harus berada diantara code yang saya  beri warnah merah. 


Untuk mengatur area scroll tinggal ubah saja width:ancho; 


Untuk lebar (dalam scrip saya beri ancho = otomatis menyesuaikan jatah ) dan height:500px untuk mengatur tingginya.





Bagaimana? Mudah bukan? 

Selamat Praktek.
Good Luck


Titi-Share 
Next Next home