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. Copy 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 biru,,bisa anda ganti dengan gambar background yang anda inginkan..
6. Simpan
Selamat Mencoba ..
Happy Blogging ^_^
