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
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML agar langsung kelihatan kode HTMLnya. 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>
Catatan :
Ganti tulisan kode_warna_disini dengan kode warna yang anda inginkan. Sedikit tips yang masih bingung dengan kode warna, silahkan cari 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. Sebagai contoh, jika postingan anda ingin berwarna background abu-abu, tulisan bisa rata kiri-kanan, besarnya hurup 120% dan padding sebesar 10 pixel :
dibawah ini contoh penulisannya :
<div style="background:#D9D7D7; text-align:justify;
font-size:120%">
isi kantong
postingan - isi tas postingan - isi perut
postingan
isi kantong
postingan - isi tas postingan - isi perut
postingan
isi kantong
postingan - isi tas postingan - isi perut
postingan
</div>
Contoh jadinya paling tidak begini :
- Membuat background dengan Gambar
Ketika anda akan memulai untuk membuat postingan, pilih tab Edit HTML agar langsung kelihatan kode HTMLnya. 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>
Catatan :
- alamat_gambar_disini ganti dengan alamat gambar yang ingin anda tampilkan. Penggunaan kode
- no-repeat digunakan bila gambar yang anda miliki sudah 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.
untuk peletakkan
<div
style="background:url(http://i877.photobucket.com/albums/ab339/fiefa_class/ffforevertrans.png)
no-repeat right top; text-align:justify; font-size:90%;
padding:10px">
isi kantong postingan - isi tas postingan - isi perut postingan
isi kantong
postingan - isi tas postingan - isi perut
postingan
isi kantong
postingan - isi tas postingan - isi perut
postingan
</div>
Catatan :
- Ganti Url gambar dengan punya anda yang sudah anda
- Posisi gambar background bisa anda letakkan dimana saja dengan merubah,
right top menjadi right bottom menjadi left top menjadi left bottom dan menjadi jadi lainnya.
ini contoh jadinya :
Silahkan menjajal,........
0 comments:
Posting Komentar