12 September 2012

CARA MEMBUAT SCROOL BOX UNTUK WIDGET BLOG

Saya yakin bahwa banyak dari sobat blogger yang sudah membuat dan memanfaatkan fungsi scrool box dalam blognya, cara ini sudah sangat lazim karena dapat dipastikan setiap blog memiliki sejumlah widget untuk fungsi-fungsi tertentu, baik yang berasal dari flatform bawaan asli ataupun widget dari pihak ketiga (bisa Javasript atau CSS).

Namun tidak sedikit dari widget tersebut memiliki elemen yang sangat panjang, contohnya disini adalah widget untuk memantau trafik pengunjung blog. Untuk menghemat tempat pada blog maka hal tersebut dapat kita siasati dengan menggunakan  scrool box, contoh penggunaannya dapat sobat lihat pada dua gadget yang ada footer (bagian bawah) blog ini.

Scrool box, dapat kita buat dengan menambahkan kode :


<div style="margin:0; padding:20px;height:60px;overflow:auto;border:0px;">

Letakkan Script asli dari widget disini

</div>

contohnya :

<div style="margin:0; padding:20px;height:60px;overflow:auto;border:0px;">

Widget 1
Widget 2
Widget 3
Widget 4
Widget 5

</div>

maka scrool box nya akan terlihat seperti ini :

Widget 1
Widget 2
Widget 3
Widget 4
Widget 5



- Padding adalah jarak tulisan widget dengan batas pinggir scrool box, bila lebar dari tampilan widget melebihi 20px maka akan memunculkan bagian bawah dari scrool box dan biasanya mengikuti lebar side bar ataupun footer dari blog kita masing-masing.

- Height adalah tinggi dari scrool box, bila tinggi dari tampilan widget melebihi 60px barulah fungsi scrool box (turun-naik) akan terlihat.

- Untuk nilai padding dan Height ini, silahkan sobat rubah sesuai dengan kebutuhan.


Ooo-- Semoga bermanfaat --ooO
Written by: goez ini
Tips dan Trik, Updated at: 12:10 AM

No comments:

Post a Comment

Silahkan berkomentar dengan bijak dan sopan. Kritik dan saran Anda adalah masukan berarti bagi saya.