Minggu, 20 Desember 2009

Membuat Posting dengan Variasi Background

Cara Membuat background untuk posting kode html telah kita bahas beberapa waktu yang lalu, kebetulan ada teman blogger S D A yang bertanya  gimana kalau backgroundnya berupa gambar.. ? sekarang saya akan coba bahas mengenai cara membuat posting dengan variasi background salah satunya adalah dengan backgroud gambar, seperti contohnya dibawah ini :


<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background: transparent url(http://lh4.ggpht.com/_wC8_9aR_6uE/SpqssB0hGEI/AAAAAAAABOI/7DSe25HalOg/Superb%20Fairy-wren3.jpg) no-repeat scroll center; border: 0px solid rgb(204, 204, 204); height: 500px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;">



ISI POSTING ( KODE HTML / NON HTML )










</div>

Cara membuat tampilan posting diatas sebenarnya cukup mudah dan sederhana.

Kalau kamu pingin kamu tinggal copy paste kode di atas pada posting kamu.
Ikuti langkah berikut untuk lebih jelasnya :

  • Dari halaman Dashboard blog kamu pilih Posting baru (new post).
  • Masuk ke Elemen edit HTML.
  • Masukan kode script  diatas pada tempat yang kamu inginkan.
  • Kembali pada Elemen Compose untuk melanjutkan Posting kamu
  • Lakukan pratinjau.
  • simpan dan publish.

Keterangan :
  • Warna kuning, Ganti dengan isi posting bisa kamu isi dengan kode HTML atau non HTML
  • Warna merah, secara berurutan kamu bisa mengganti background ( ganti alamat URL dengan alamat URL kamu ), border, tinggi  posting dan posisi teks ( left, right, center ) sesuai dengan keinginan kamu.
  • Untuk kode warna kamu bisa mencari kode dengan mudah disini Menggunakan Kode warna dalam blogging
  • Untuk cara penulisan kode HTML dalam Posting kamu bisa lihat di sini Penulisan kode html dalam posting.
Semoga bermanfaat...
Selamat mencoba...!!!

Sukses selalu buat kamu semua...!!

Tidak ada komentar:

Posting Komentar