Cara buat scroll Box untuk menulis script atau kode HTML/CSS

techmeetups.com

Scroll Box - bagi para pengembang web ataupun blog, tentu membuat scroll box untuk menulis script/kode tentu sangatlah mudah. tapi, bagi yang masih newbee akan sangat penasaran untuk membuatnya.

Banyak manfaat ketika kita menggunakan scroll box untuk menulis suatu script/kode. Karena berapapun lebar dan banyak script/kode yang ada tidak memakan halaman posting.

Ikuti beberapa trik dan contoh yang anda bisa langsing terapkan di web atau blog anda.

Contoh scroll box 1

<div style="background-color: #111; border-radius: 5px;  height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>

Contoh scroll box 2

<div style="background-color: #444444; border-radius: 0px; border: 5px solid #ff0000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>

Contoh scroll box 3

<div style="background-color: #3d3627; border-radius: 0px; border: 1px solid #000; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>

Contoh scroll box 4

<div style="background-color: #000; border-radius: 0px; border: 2px dashed #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>

Contoh scroll box 5

<div style="background-color: #2b3b44; border-radius: 0px; border: 2px dotted #fff; height: 100px; overflow: auto; padding: 10px; text-align: left; width: auto;">
<br /></div>

CARA MENGGUNAKAN
Anda bisa memilih yang anda suka atau juga bisa dimodifikasi sesuai keinginan anda, seperti mengatur warna, border, tinggi dan lebarnya, dll.

Anda cukup mengcopy script/kode di atas, lalu taruh di HTML posting. kemudian tekan tombol Compose di samping HTML. Tinggal kopi script atau tulisan di dalamnya.
Cukup mudah kan..

TulisMind