Kumpulan Kotak Script Scroll dan Cara Membuat Kotak Script Scroll

Hallo sahabat,pada artikel kali ini saya akan membahas tentang kotak script scroll.Apa sih kotak script scroll?
Kotak script adalah sebuah kotak untuk menyimpan kode script html,sedangkan untuk scroll adalah efek atau fungsional dari kotak script tersebut.

Kumpulan Kotak Script Scroll dan Cara Membuat Kotak Script Scroll
Oke sahabat,langsung saja dibawah ini adalah kumpulan kotak script scroll dan cara membuatnya;
1.Kotak Script Scroll Vertikal Simple
Cara membuatnya cukup mudah,salin kode script berikut lalu paste diartikel blog kalian

<div style="background-color: white; border: 2px solid gray; height: 100px; overflow: auto; padding: 5px; width: auto;">HTML KALIAN</div>

Harus diingat,sebelum memasang kodenya,alihkan terlebih dahulu editor blog kalian dari mode Compase ke mode HTML.

2.Kotak Script Scroll Vertikal + Harizontal
Untuk cara membuatnya,semua sama saja seperti cara yang pertama.Untuk kode scriptnya tinggal salin dibawah ini

<div style="border: 2px solid black; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">
HTML KALIAN</div>

 3.Kotak Script Scroll Vertikal + Harizontal + Background Kuning
Kode scriptnya dibawah ini

<div style="background-color: Yellow; border: 2px solid brown ; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">HTML KALIAN</div>
Keterangan kode script:
Heiht: Tinggi kotak
Background-kolor: Warna background kotak/warna latar belakang kotak
Width: Lebar kotak,gunakan auto untuk menyesuaikan dengan lebar template blog kalian

Untuk demo kotak script scroll,klik tautan berikut:
Demo Kotak Script Scroll

Nah,itulah kumpulan kotak script scroll dan cara membuat kotak script scroll,semoga bermanfaat.

0/Post a Comment/Comments