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:



Hasilnya seperti di bawah ini



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



Hasilnya seperti dibawah ini.



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.



Hasilnya, lihat di bawah.



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!!!!!
Loading.....