Selasa, 27 Desember 2011

Tips & Trik Menyisipkan Scroll Bar Pada Postingan

Sobat semua tahu dong yang namanya scroll bar? Scroll bar adalah kotak yang bisa dirol ke atas-bawah maupun ke kiri-kanan yang didalamnya bisa dimasukan entri ataupun gambar. Nah, tujuan penyisipan scroll bar sendiri adalah untuk memasukan kode atau gambar yang terlalu panjang atau besar sehingga tidak terlalu memakan tempat pada postingan.


Bagaimana cara memasukan scroll bar pada postingan? Jika yang ingin dimasukan pada scroll bara adalah teks biasa(termasuk kode html) caranya adalah dengan klik edit html kemudian masukan  script di bawah ini.

<div style="border: 1px solid #eee; height: 200px; overflow: auto; padding: 10px; width: 200px;">


</div>

Selanjutnya, lihat previewnya dengan klik compose maka akan muncul kotak seperti dibawah ini




Sobat bisa memasukan isi scroll bar baik itu teks maupun kode html setelah klik compose

Tetapi jika yang ingin sobat masukan kedalam scroll bar adalah banner atau logo maka caranya adalah klik edit html kemudian masukan script dibawah ini



<div style="overflow:auto;width:200px;height:200px;padding:10px;border:1px solid #eee">

LETAKAN KODE HTML DISINI

</div>

Jadi, jika yang dimasukan adalah banner berupa kode html, maka kodenya dimasukan setelah klik edit html

Sobat bisa juga mengubah lebar dan tinggi scroll bar dengan mengedit angka setelah width: untuk mengubah lebar dan height: untuk mengubah tinggi

Demikian tipsnya, moga-moga gak terlalu panjang dan berhasil diparktekan di posting sobat

0 komentar:

Posting Komentar

Terima kasih sudah berkunjung dan membaca postingan ini. Silahkan berkomentar kalau anda pikir hal itu perlu. Berikan komentar yang sewajarnya dan jangan nyepam ya sobat

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More