Membuat background Gambar pada postingan

Kalau sebelumnya saya telah mempostingkan tentang cara membuat background warna di postingan, kali ini saya akan memberikan tutorial tentang memberi background gambar di postingan kamu, caranya gampang, kamu cukup upload ke hostingan penyimpanan gambar, tujuannya untuk mendapatkan alamat dari gambar kamu yang telah kamu upload, jika kamu memiliki gambar sendiri.

Selanjutnya ikuti langkah-langkah di bawah ini :

1.Buat sebuah postingan baru,
2. pilih tab Edit HTML jangan pilih Compose.

3.Masukkan kode di bawah ini ke dalam postingan kamu :

<div style="background:url(alamat gambar kamu) no-repeat;">


Letakkan Postingan kamu di sini


</div>

Ganti tulisan alamat gambar kamu dengan alamat gambar yang ingin anda tampilkan.

Seperti pada membuat background dengan warna di postingan, kode inipun bisa kamu di rubah sesuai keinginan kamu.

misalnya :
Di sini saya mencontohkan membuat posting dengan background yang beralamat di https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS2f9_dpXTosi9y2kRqOdG4pFnKfVOCgThonIelxebqeDjTydaaa2PhU51pRTcvbOWALEQ7UIreAc_Govq4pAkLGI0NZCar_2AoHQpRw9E-nUAjUUuQ9ezLNaNIbUocnR5Ib9g5tTImcE/s1600/Berinovasi+.gif, background ingin di simpan di sebelah kiri bawah, dengan ukuran padding sebesar 15 pixel, serta besar huruf 90% :

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS2f9_dpXTosi9y2kRqOdG4pFnKfVOCgThonIelxebqeDjTydaaa2PhU51pRTcvbOWALEQ7UIreAc_Govq4pAkLGI0NZCar_2AoHQpRw9E-nUAjUUuQ9ezLNaNIbUocnR5Ib9g5tTImcE/s1600/Berinovasi+.gif) no-repeat left bottom; text-align:justify; font-size:90%; padding:15px">

kunjungi terus http://teoringeblog.blogspot.com/ karena di sini menyediakan beberapa tutorial bagi para blogger untuk mempercantik tampilan blognya.

</div>

Hasilnya akan jadi seperti ini :

Terima Kasih atas kunjungannya ke Berinovasi.Blogspot.com.

Gambar itu akan otomatis terpotong karena menyesuaikan dengan banyaknya text.

Selamat mencoba dan semoga berhasil.