Membuat teks area warna background image

Pada tutorial kali ini saya akan membahas bagaimana cara membuat teks area berwarna. Teks area dengan menggunakan background warna dan image. Sobat dapat mendesainnya warna dan imagenya sesuai dengan warna blog sobat sehingga terlihat serasi..

berikut cara membuatnya:

1. Siapkan image yang ingin dijadikan background, jangan lupa upload dulu kedalam hosting misalnya menggunakan hosting dari photobucket.com kemudian copy directlink nya..

2. Copy code berikut inipastekan pada notepad

 <div style="overflow: auto; width: 400px; height: 100px;background-color: #ffff00; background-attachment: scroll;background-repeat: no-repeat; background-position:right bottom;background-image:url(DIRECTCTLINK); text-align: justify; padding: 5px; border: 3px solid#ffd700;">


    <span style="font-size:13px;color:#000000;font-family:Sans-serif;">


    TEKS DISINI....!!!!


    </span>

3. Penjelasan dari code diatas :

witdh : lebar taeks area

height : tinggi teks area

background-color : warna background, isi dengan kode warna bisa dicari di google

background-repeat : tampilan background dapat berulang-ulang

background-position : posisi background [ right, left, up, bottom, center dll ]

border : tebal garis tepi

background-image:url : isikan dengan directlink image yang di upload pada kurung code

font-size : ukuran huruf

4. Gunakan kode tersebut pada postingan dalam posisi edit html

5. Selamat mencoba...!!!