Kilas Balik Blogger Indonesia Selengkapnya

Cara Mengganti Background Postingan Blog

Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti wrna background post atau mengganti background post dengan image yang tentu harus disesuaikan dengan warna huruf pada postingan agar kehadiran image sebagai background tidak mengganggu tampilan huruf. Cara ini sangat Simple dan mudah untuk diterapkan.
Tutorial Blogger

Cara Mengganti Background Postingan Blog


1. Mengganti Warna Background Postingan Blog

demo

Login ke accunt blogger sobat.

Pilih Entry baru atau New post.

Pilih opsi HTML (bukan compose) selanjutnya silahkan copy kode script di bawah ini dan pastekan pada HTML laman postingan sobat.
<div style="background-color: #444; color: #fff; padding: 10px;">Postingan sobat di sini...</div>
Warning : Silahkan ganti warna tulisan dan background post sesuai keinginan sobat.

2. Mengganti Background Postingan Blog dengan Image (gambar)

demo

Masih dalam kondisi Log in Blogger.com silahkan menuju >>.

Entry baru atau New post.

Pilih opsi HTML (bukan compose) selanjutnya silahkan copy kode script di bawah ini dan pastekan pada HTML laman postingan sobat.
<div style="background: url(IMAGE-URL-HERE); background-size: cover; color: #000; padding: 10px;">Postingan sobat di sini...</div>
Warning : Letakkan kode <div style="background: url(IMAGE-URL-HERE); background-size: cover; color: #000; padding: 10px;" dibagian atas postigan dan letakkan kode </div> pada bagian akhir postingan.
Contoh :
<div style="background: url(http://static.tumblr.com/e7607750863869c890f6aab5a61e8682/x4gtrvs/Jaznfeeaf/tumblr_static_djwqb2ufs1wkokow880k4g4ow_2048_v2.jpg); background-size: cover; color: #000; padding: 10px;">
 Isi postingan sobat di sini, maka tampilan background postingan akan berubah sesuai gambar atau image yang sobat letakkan.
</div>