Cara Membuat Text Area Dengan Background Warna Dan Gambar

Sama dengan memberi background warna pada postingan, tapi untuk membuat text area dengan background bergambar ada beberapa kode yang perlu ditambahkan,mari langsung saja menuju tkp,coz kebanyakan intermezo ntar malah gak jadi baca..he he he...


1.Buat postingan anda
2.Pilih tab edit html bukan compose
3.Trus anda tinggal masukan code berikut ini di halaman postingan anda:

---

---

<div style="overflow: auto; width: 400px; height: 100px;background-color: #ffecff; background-attachment: scroll;background-repeat: no-repeat; background-position:right bottom;background-image:url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif); text-align: justify; padding: 5px; border: 2px solid#0000b9;">


tulis postinganmu disini


</div>

---

---

LIHAT HASILNYA:

Sama dengan memberi background warna pada postingan, tapi untuk membuat text area dengan background bergambar ada beberapa kode yang perlu ditambahkan,mari langsung saja menuju tkp,coz kebanyakan intermezo ntar malah gak jadi baca..he he he...

KETERANGAN:

-WIDTH: lebar text area
-HEIGHT: Tinggi text area
-BACKGROUND COLOR: warna background text area
-BACKGROUND REPEAT: pengulangan tampilan pada gambar
-BACKGROUND POSITION: letak background gambar
-BACKGROUND IMAGE: background gambar
-TEXT ALIGN: perataan tulisan
-PADDING: jarak antara tulisan dengan border
-BORDER: garis atau bingkai text area
-SOLID: warna garis atau bingkai text area
-FONT SIZE: ukuran huruf
-FONT FAMILY: jenis huruf
-COLOR: Warna huruf

Re-published by: crazysofer.blogspot.com