English French German Spain Italian Dutch Arabic Korean Japanese Chinese Simplified Russian Portuguese

Membuat Background Posting

Posted by FIFAFOREVER

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, ada warna merah, hijau, ungu, kuning.

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
Jika postingan anda ingin mempunyai background berupa gambar, langkah pertama yang harus di ingat yaitu anda harus punya gambar yang akan di jadikan background (gambarnya kalo bisa transparant, yang bisa diedit di photoshop dulu atau program pengolah gambar lainnya). Trus gambar tersebut harus di upload ke hosting tempat menyimpan gambar. Bingung cara upload gambar ke hosting gratisan? anda bisa gunakan web hosting gratisan seperti picasaweb.google.com atau photobucket.com, anda daftar dulu selanjutnya anda dapat upload gambar-gambar yang anda punya untuk dijadikan album dan disimpan disitu. gratis tis,...

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 batu pertama posisi gambar, anda bisa merubahnya sesuai keinginan anda bisa ditengah bawah, dipinggir kanan/kiri bawah/atas, ditengah-tengah, dan sebagainya, anda bisa menggunakan kode dan contoh penulisannya seperti dibawah ini.

<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 gambar di buku gambar upload di webhosting yang telah ditunjuk oleh pemerintah diatas.
- 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

Share |
Photobucket

Kehidupan

adsense

RecentPosts

Bloglists

  • Leader dan rekan - Ketika atasan sudah menunjuk Anda untuk menjadi seorang leader suatu anak cabang perusahaan, pastikan untuk membuat tim yang solid. Kumpulkan semua rekan, ...
    13 tahun yang lalu
mp3