Cara Membuat Kotak Script

Membuat kotak di dalam postingan blog, biasanya para blogger membuatnya untuk memasukan kode-kode script agar terlihat rapi tetapi sebenarnya bukan hanya kode-kode script yang bisa di masukan ke dalam kotak tetapi masih banyak kegunaan dan manfaat dari kotak script tersebut.

Cukup mudah dan simple cara membuat kotak script sama halnya seperti kita membuat artikel baru hanya sedikit menambahkan kode script membuat kotak.

Dalam postingan kali ini saya akan memberikan 2 contoh kotak script yang bisa kalian pakai untuk memasukan tulisan atau kode script.

CONTOH KOTAK SCRIPT STANDAR

CONTOH KOTAK SCRIPT SCROOL
CONTOH KOTAK SCRIPT SCROOL
CONTOH KOTAK SCRIPT SCROOL
CONTOH KOTAK SCRIPT SCROOL
CONTOH KOTAK SCRIPT SCROOL

Berikut penjelasan lengkapnya:

Login ke blog.

Pada menu dasboard Klik Entri Baru

Klik HTML

Masih pada menu html letakan kode berikut ini

.<div style="border: 3px #ff0000 Double; padding: 10px;background-color:#f9f9f9
text-align: left;">
isi dengan teks yang di inginkan</div>
<br />

Keterangan kode:
Ganti tulisan warna merah untuk merubah warna garis kotak script.
Gantu tulisan warna hijau untuk merubah warna dari bentuk/model garis kotak script.
Ganti tulisan warna coklat untuk merubah ketebalan garis kotak script.
Ganti tulisan warna biru untuk merubah warna background kotak script.

Klik Compose

Maka akan tampil sebuah kotak dengan tulisan isi dengan teks yang di inginkan 

Langkah selanjutnya ganti tulisan "isi dengan teks yang di inginkan" dengan tulisan yang mau kalian posting atau isi dengan kode script

Untuk membuat kotak dengan scrool, lakukan cara seperti membuat kotak di atas dan ganti kode script dengan yang di bawah ini.

Untuk mengetahui kode-kode warna baca Disini. Macam-macam garis border baca Disini.

.<div style="border: 5px #ff0000 Double; padding: 10px;background-color;#f9f9f9;

overflow: auto; height: 500px; widht: 450px;

text-align: left;">

isi dengan teks yang di inginkan </div>

Untuk keterangan kode, sama seperti keterangan kotak script di atas tetapi untuk kotak dengan scrool sesuaikan tinggi dan lebar kotak dengan mengubah tulisan yang berwarna kuning: height untuk tinggi kotak dan width untuk lebar kotak

Demikian panduan cara membuat kotak script.
Semoga bermanfaat dan selamat mencoba.