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 ^_^

0 komentar:

Posting Komentar






Selamat Datang di Blog MainTracker™
 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design