Cara Mengganti Background Postingan dengan Gambar

Kali ini Saya akan membahas cara membuat background postingan diganti dengan gambar yang Anda inginkan.

Terkadang kita merasa bosan jika background postingan kita hanya berupa warna, dan Anda mencari cara agar background postingan Anda berupa gambar yang Anda inginkan.

Tanpa berlama-lama ikuti cara membuatnya di bawah ini ↓

Berikut Cara Membuatnya :

PERTAMA

• Siapkan sebuah image yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px. Gunakan Adobe Photoshop atau aplikasi lainnya untuk me-resize image.

• Upload image tersebut ke hosting penyimpanan image seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.

• Copy Url/alamat gambar yang anda upload tadi. Simpan dulu pada note pad.

KEDUA

• Masuk ke blogger.com

• Pilih Template → Edit HTML → Expand Widget Template

• Cari script seperti di bawah ini pada template blog anda, agar mudah mencari tekan (ctrl+f)

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

Tambahkan script untuk background seperti di bawah ini ↓


background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;

• Gabungkan kedua script di atas sehingga menjadi seperti ini :

.post {
background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

• Kode yang berwarna biru http://img268.imageshack.us/img268/6805/bodybgiq.jpg merupakan Url/alamat image yang akan tampil sebagai background postingan. Ganti alamat gambar tersebut dengan alamat gambar yang anda upload tadi (yang disimpan pada notepad)

• Simpan dan lihat background postingan anda sekarang.

Selamat Mencoba !