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;">
</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 :
<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.
Demikian tutorial
Membuat Posting dengan Variasi Background
Selamat mencoba...!!!
Sukses selalu buat kamu semua...!!
Sukses selalu buat kamu semua...!!
Tidak ada komentar:
Posting Komentar
Ada pendapat lain dari sobat, Silahkan berkomentar