Membuat Teks Area Berwarna dengan Tombol Scroll

M embuat text area berwarna dengan tombol scroll dan background gambar di blog. Pada posting sebelumnya saya sudah menulis tentang cara memasang background gambar di blog dan membuat background gradien warna. Banyak cara untuk memperindah tampilan blog, salah satunya dengan menempattkan text area berwarna dengan tombol scroll. Caranya sangat mudah dan tidak bertele-tele, seperti berikut ini :

Copy kode dibawah ini ke halaman penulisan dalam mode [HTML] atau pada [Widgets Text] untuk ditaruh di sidebar anda :

<div style="background-attachment: scroll; background-color: #ffecff; background-image: url('http://3.bp.blogspot.com/-DfkhWo2mpL4/T1TAmnEkzhI/AAAAAAAAACs/e1-bPbkI4Iw/s1600/Bola.jpg'); background-position: 50% 50%; background-repeat: no-repeat; border: 2px solid #0000b9; height: 100px; overflow: auto; padding: 5px; text-align: justify;"> Tulisan Anda...</div>

Hasilnya akan seperti ini :

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

Keterangan : 

1. width : lebar text area. 
2. height : tinggi text area. 
3. background-color : warna backgroung text area. 
4. background-repeat : pengulangan tampilan pada gambar. 
5. background-position : letak background gambar. 
6. background-image : background gambar. 
7. text-align : perataan tulisan. 
8. padding : jarak antar tulisan dengan border. 
9. border : garis atau bingkai text area. 
10. solid : warna garis atau bingkai text area. 
11. font-size : ukuran huruf. 
12. font-family : jenis huruf. 
13. color : warna huruf.

Label :Tutorial