Minggu, 06 Mei 2012

Memberi Background pada Teks Area menjadi Terlihat Lebih Cantik

Hai sahabat blogger. Kali ini penulis akan berbagi-bagi seputar tips memperindah background teks area. Tips ini saya dapatkan dari salah satu sobat blogger. Yup, kembali ke bahasan. Untuk tampilan background teks area yang biasa atau itu-itu saja, sudah gak jaman. Kali ini, kita akan membahas mengganti background teks area dengan sebuah foto. Menarik bukan?


Caranya sebagai berikut:


1. Login ke Bloger
2. Pilih Rancangan -> Elemen Laman ->tambah Gadget
3. Copi kode dibawah ini, paste di Gadget.
<div style="overflow: auto; width: 470px; height: 300px;

background-color: #00FFFF; text-align: justify; padding: 5px;

border: 2px solid #FF3300;">Data yang akan anda isikan di dalam text area
4. Selanjutnya, anda ganti saja background-color menjadi
    background:url(alamat gambar yang akan dijadikan background)
    Contoh:
<div style="overflow: auto; width: 470px; height: 300px;

background: url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif?imgmax=800)repeat;); text-align: justify; padding: 5px;

border: 2px solid #FF3300;">Data yang akan anda isikan di dalam text area
5. Untuk yang berwarna merah,,bisa anda ganti dengan gambar background yang anda inginkan..
6. Simpan

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.