Cara membuat text area dengan background warna dan gambar

Sama dengan memberi background warna pada postingan, tapi untuk membuat text area dengan background bergambar ada beberapa kode yang perlu ditambahkan,mari langsung saja menuju tkp,coz kebanyakan intermezo ntar malah gak jadi baca..he he he...


1.Buat postingan anda
2.Pilih tab edit html bukan compose
3.Trus anda tinggal masukan code berikut ini di halaman postingan anda:



<div style="overflow: auto; width: 400px; height: 100px;background-color: #ffecff; background-attachment: scroll;background-repeat: no-repeat; background-position:right bottom;background-image:url(http://bootingskoblog.files.wordpress.com/2008/11/poke133.gif); text-align: justify; padding: 5px; border: 2px solid#0000b9;">


tulis postinganmu disini


</div>


LIHAT HASILNYA:




Sama dengan memberi background warna pada postingan, tapi untuk membuat text area dengan background bergambar ada beberapa kode yang perlu ditambahkan,mari langsung saja menuju tkp,coz kebanyakan intermezo ntar malah gak jadi baca..he he he...




KETERANGAN:

-WIDTH: lebar text area
-HEIGHT: Tinggi text area
-BACKGROUND COLOR: warna background text area
-BACKGROUND REPEAT: pengulangan tampilan pada gambar
-BACKGROUND POSITION: letak background gambar
-BACKGROUND IMAGE: background gambar
-TEXT ALIGN: perataan tulisan
-PADDING: jarak antara tulisan dengan border
-BORDER: garis atau bingkai text area
-SOLID: warna garis atau bingkai text area
-FONT SIZE: ukuran huruf
-FONT FAMILY: jenis huruf
-COLOR: Warna huruf



BACA JUGA!
- Membuat footer tiga kolom di bawah posting
- Cara memasang sitemeter pada blog
- Memasang tombol share twitter dan facebook pada setiap postingan
- Meta tag title blog yang ramah SEO
- Membuat efek turun salju pada blog
- Menambah elemen dibawah postingan
- Menampilkan kode html dalam postingan blog
- Mengganti favicon/logo blogger
- Memasang widget user online whos amung us
- Membuat efek pelangi pada link blog

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive