Membuat Kotak Scroll Keren

Artikel Selanjutnya adalah bagaimana Cara membuat kotak scroll Keren dengan gaya tersendiri, berikut kode beserta contoh jadinya :

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<div style="background: #A8D5FF; border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div>

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<table border="3" cellpadding="1"><tbody> <tr><td><div style="background: #A8D5FF; border: 1px solid #000000; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div> </td></tr> </tbody></table>

Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™ Kolom Tutorial™

<div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 4px double #000000; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 150px;">TEXS ATAU KODE ANDA TARUH DISINI</div> </div>

Note :
Untuk merubah background : background: #A8D5FF
Untuk merubah warna borber dan ukurannya :  border: 1px solid #000000
Untuk merubah tinggi Scroll :  height: 100px
Untuk merubah lebar Scroll :  width: 150px

Berlangganan update artikel terbaru via email:

10 Responses to "Membuat Kotak Scroll Keren"

  1. Injin untuk mencoba tutor yang ini Sob,,,
    Terimakasih

    ReplyDelete
  2. keren gan

    kunjungi blog ane ya

    hasanardiabid.blogspot.com/

    ReplyDelete
  3. keren blog nya nie... gan.. artikel nya juga menarik.. sip info nya gan

    ReplyDelete
  4. Mantabp mas scrollnya,terimakasih yah,,,

    ReplyDelete

Terimakasih banyak atas kunjungannya, salam silatuhami Alexjoen

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel