Salam Blogger..!!
Pada postingan kali ini saya ingin berbagi kepada sesama blogger, yaitu cara membuat text area dengan background warna. Sebelum saya mulai, perlu sobat ketahui apa itu text area??
Text area adalah kotak area dimana kita biasanya menempatkan kode html atau gambar. Ada berbagai macam modifikasi dari text area ini misalnya text area biasa, text area pakai scroll, text area highlight dll.
Baiklah, kita mulai dari cara membuat text area standar. Sobat tinggal memasukkan kode dibawah ini :
<p align="center"><textarea name="code" rows="4" cols="40">kode html, kode image, atau teks biasa taruh disini</textarea></p>
Hasilnya akan seperti ini :
Keterangan :
rows="4" adalah tinggi text area, cols="40" adalah lebar text area (sobat bisa menggantinya sesuai dengan kebutuhan)
Teks area dengan background warna, kode untuk model ini adalah :
<div style="overflow: auto; width: 200px; height: 50px;
background-color: #CC99FF; text-align: justify; padding: 5px;
border: 1px solid #336633;"> kode html, kode image, atau teks biasa taruh disini </div>
Hasilnya akan seperti ini :
kode html, kode image, atau teks biasa, taruh disini
Kode html diatas, selain untuk merubah background text area juga mempunyai fungsi auto scroll yaitu apabila teks atau kode html yang kita masukkan melebihi ukuran width/lebar, maka akan sendirinya berubah menjadi bentuk scroll
Contoh : misalnya width nya kita rubah menjadi 100 px maka,
Hasilnya akan seperti ini :
kode html, kode image, atau teks biasa, taruh disini
Teks area dengan tombol Highlight, Kode htmlnya adalah :
Hasilnya akan seperti ini :
Untuk setting ukuran text area, sobat dapat melihat keterangan pada text area standar diatas tadi. Selamat Mencoba.....!!!