Rabu, 14 Juli 2010

Membuat Background Posting Berbeda-beda

Dalam membuat background ada dua alternatif yaitu membuat background dengan warna dan membuat background dengan bantuan gambar, khusus untuk background dengan gambar terbagi lagi ke dalam beberapa teknik yaitu background gambar dengan teknik repeat (ada repeat, repeat-x, repeat-y) dan background gambar dengan teknik no-repeat (gambar backgroundnya memang ukuran besar). Untuk teknik-teknik ini mungkin lain kali saja deh.


Membuat background dengan warna

Agar warna background postingan bisa berbeda-beda setiap postingan, anda perlu melakukan :

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :

<div style="background:kode_warna_disini;">

Dan diakhir postingan, harus di tutup dengan kode seperti ini :

</div>


Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan. Dapatkan kode warna  di sini
heuheuheu.. gampang banget kan? Saya bilang juga apa, sok dicoba atuh biar seru.




Membuat background dengan Gambar

Nah jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (bahasanya ko bolak-balik dekok begitu yach?). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Misalnya di photobucket.com.

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose. Awali postingan anda dengan kode seperti ini :

<div style="background:url(alamat_gambar_disini) no-repeat;">

Dan diakhir postingan, harus ditutup dengan kode seperti ini :

</div>

Ganti tulisan alamat_gambar_disini dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode no-repeat tentu saja apabila gambar yang anda miliki memiliki ukuran besar dan tidak mau di tampilkan berulang-ulang.


Eiiiith... gampang juga kan? ya udah di coba dulu aja biar jadi hafal...  

Sumber : http://www.dalimunthe.com

1 comments:

Anonim mengatakan...

mantabbb

Posting Komentar

Mohon memberikan komentar yang sesuai dengan topik artikel. Komentar Anda akan kami review dahulu sebelum ditampilkan !!!