Cara Membuat Text Area

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

Untuk text area tolok ukur (tanpa background) kodenya sebagai berikut:

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

Hasilnya mirip di bawah ini

Masukkan tulisan Anda di sini

Untuk text area dgn background warna, tambahkan saja aba-aba berikut “background: #ccc;”. Sehingga lengkapnya mirip ini:

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

Hasilnya mirip dibawah ini.

Masukkan goresan pena Anda di sini

Untuk mengubah background-nya dgn gambar, tambahkan “background-image: url(href=”http://2.bp.wargamasyarakat.com/-j_IjH-mhPKg/TcV9pdvFeYI/AAAAAAAAAfc/fSm3ac5owoE/s1600/ANMATCAT.GIF);”. Lengkapnya mirip di bawah ini.

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

Hasilnya, lihat di bawah.

Tulisan Anda di sini

Tulisan berwarna hijau silahkan ganti dgn alamat gambar Anda. Kode

ialah supaya text area berada di tengah. Jika ingin lebih beragam lagi, tambahkan saja kode berikut:
Font-family –> Untuk versi hurufnya
Font-size –> Untuk ukuran hurufnya
Padding –> Jarak antara tepi text area dgn tulisan di dalamnya
Border –> Untuk garis pinggirnya

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

Selamat mencar ilmu & jangan lupa komentarnya ya!!!!!