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