Click for Ambon, Indonesia Forecast

03 Agustus 2009

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).

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 (seperti pada gambar, Pilih yang berwarna Biru)
:


Awali postingan anda dengan kode seperti ini

<div style="background:kode_warna_disini;">

Teks

</div>


Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan.


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.

Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML jangan pilih Compose(Seperti pada Gambar Diatas). Awali postingan anda dengan kode seperti ini :


<div style="background:url(alamat_gambar_disini) no-repeat;">
Isi Teks
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.

Sebagai contoh, saya ingin membuat posting dengan background yang beralamat di http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar hurup 90% :


<div style="background:url(http://acehfotografer.net/upload/images/w4uo9y5c0gy19k73ezs.gif) no-repeat right top; text-align:justify; font-size:90%; padding:10px">
Saat masyarakat Indonesia terus-menerus dibombardir berita sekitar teroris dan pengejaran para pelaku peledakan bom, terbetik kabar kelanjutan kasus kematian David Hartanto Widjaja yang dinyatakan tewas akibat bunuh diri oleh Pengadilan Koroner Singapura, Rabu (29/7). Keputusan hakim ini bukan hanya mengecewakan keluarga David, tapi juga bangsa Indonesia. Peluang publik untuk mengungkap kebenaran peristiwa itu pun jadi tertutup. Masyarakat pun bertanya-tanya, apa yang telah dilakukan pemerintah untuk melindungi warganya di luar negeri?
</div>




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

Berita di Ichal Blog

Template by : Ichal Materi Training Blog 2009-2013