Membuat background gambar pada postingan

Pada postingan yang lalu kita pernah membahas soal Mengganti Background Warna Pada Postingan, maka pada postingan kali ini kita akan membahas soal mengganti background gambar pada postingan, jika sobat ingin mempunyai background postingan berupa gambar, langkah pertama yang harus di ingat yaitu sobat harus punya gambar yang akan di jadikan background. Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bagi yang belum punya hostingan gambar gratis silahkan sobat daftar dulu di http://www.photobucket.com dan jangan lupa untuk meng copy alamat url gambar yang di upload tersebut.

Ketika sobat akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan

<div style="background:url('http://arisyudha.hexat.com/images/aryu_06.jpg') no-repeat;">
tuliskan text yang sobat ingin beri background gambar disini dan akhiri dengan kode
</div>

Ganti alamat url yang berwarna merah dengan alamat gambar yang ingin sobat jadikan background. Penggunaan kode no-repeat tentu saja apabila gambar memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.
Seperti halnya pada background dengan warna.

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://arisyudha.hexat.com/images/aryu_06.jpg

maka hasilnya akan seperti ini :

membuat background gambar pada postingan
Membuat background gambar pada postingan
Membuat background gambar pada postingan
Membuat background gambar pada postingan
Membuat background gambar pada postingan

Mudah bukan...? Sekarang lihat postingan sobat yang sudah di beri background gambar.





Sumber: http://lovelizzers.blogspot.com/2010/06/membuat-background-gambar-pada.html

Label/Kategori: Tutorial Blog

Baca Terkait Lainnya..