Kamis, 16 April 2015

      Kali saya akan berbagi tips cara membuat scroll pada widget.  Terkadang kita memiliki widgets yang banyak dan kalau ditampilkan seluruhnya akan memakan tempat karena itu pembuatan scroll menjadi solusinya. Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
"kode widget"</div>



Ket:
1. Tulisan yang berwarna merah adalah tempat untuk menaruh kode widget yang akan di scroll.
2. Kode yang berwarna biru adalah lebar untuk widget scroll.

untuk tutorial lengkapnya bisa dilihat disini

Atau kalau sobat ingin image widgetnya berjalan sendiri caranya cukup mudah, cukup copy html dibawah ini dan letakkan sebelum kode widget linknya:
 
<marquee align="center" direction="up" height="100" scrollamount= "1" onmouseover='this.stop()' onmouseout='this.start()' width="100%">
 
untuk tutorial lengkapnya bisa dilihat disini
Selamat mencoba.....
 

1 komentar:

Laloeman mengatakan...

Terima kasih atas pencerahannya bro