Cara Membuat Text Area

Selamat Bertemu Kembali. Selain SPOILER, seperti yang dijelaskan pada postingan Cara Membuat Spoiler Pada Postingan, ada satu cara lagi yang bisa kita gunakan pada postingan untuk menghemat ruang pada blog kita. Cara yang saya maksud adalah Text Area. Cara ini juga bisa menghemat postingan yang sangat panjang. Cara membuatnya pun sangat mudah. Tinggal copy saja kodenya.

Untuk text area standar (tanpa background) kodenya sebagai berikut:

<center><textarea style="height: 50px; width: 150px;">Masukkan tulisan Anda di sini</textarea></center>

Hasilnya seperti di bawah ini

Masukkan tulisan Anda di sini

Untuk text area dengan background warna, tambahkan saja kode berikut “background: #ccc;”. Sehingga lengkapnya seperti ini:

<center><textarea style="background: none repeat scroll 0% 0% rgb(204, 204, 204); height: 50px; width: 150px;">Masukkan tulisan Anda di sini</textarea></center>

Hasilnya seperti dibawah ini.

Masukkan tulisan Anda di sini

Untuk mengganti background-nya dengan gambar, tambahkan “background-image: url(href="http://2.bp.blogspot.com/-j_IjH-mhPKg/TcV9pdvFeYI/AAAAAAAAAfc/fSm3ac5owoE/s1600/ANMATCAT.GIF);”. Lengkapnya seperti di bawah ini.

<center><textarea style="height: 50px; width: 150px; <span style='color:lime'>background-image: url(http://3.bp.blogspot.com/-YpfcE9kz6Dg/TbMT5tojAYI/AAAAAAAAAZw/QQ18471JSNs/s1600/Green%2BStone.JPG);</span> padding: 5px; " >Tulisan Anda di sini</textarea></center>

Hasilnya, lihat di bawah.

Tulisan Anda di sini

Tulisan berwarna hijau silahkan ganti dengan alamat gambar Anda. Kode <center></center> adalah supaya text area berada di tengah. Jika ingin lebih bervariasi lagi, tambahkan saja kode berikut:
Font-family --> Untuk model hurufnya
Font-size --> Untuk ukuran hurufnya
Padding --> Jarak antara tepi text area dengan tulisan di dalamnya
Border --> Untuk garis pinggirnya

Selesai deh membuat text area. Terima kasih telah berkunjung ke blog ini.

Selamat belajar dan jangan lupa komentarnya ya!!!!!