Saturday, 11 July 2009

Membuat Background Posting Berbeda-beda






Emangnya bisa backround posting beda-beda? ya bisa aja atuh, caranya gampang ko, tidak sesulit yang di bayangkan, tinggal bikin style nya trus mau di apain juga bisa.


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 tulis. 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. Sedikit tips yang masih bingung dengan kode warna, silahkan baca di sini.

Karena kode ini merupakan Style dari CSS, maka tentu saja bukan hanya warna background yang bisa anda tentukan, warna hurup, jenis hurup, perataan posting, dan lain-lain pun bisa anda tentukan. So, yang pasti postingan anda akan bervariasi dan tidak terkesan monoton (monoton TV apa monoton Film ye?). Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :

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
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 di tutup 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.

Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan.

Hasilnya adalah seperti postingan ini!!

5 comments:

  1. infonya keren2... thanks infonya..ada yang dah aku praktekin...

    ReplyDelete
  2. maav bos , anda sudah liat sendiri di postingan saya ini , saya langsung mempraktekanya dan bisa !

    ReplyDelete
  3. Terima kasih mas, smoga bisa dicoba nih..
    hehee.
    Supaya gambarnya full gimana yah ??

    ReplyDelete

Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna orang yang baik , adalah orang yang meninggalkan Komentar setelah Membaca! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous