LANGKAH-LANGKAHNYA
PERTAMA
- Siapkan sebuah gambar yang ukurannya telah disesuaikan dengan lebar postingan blog anda serta memiliki tinggi minimal 800 px lebar 1700px. 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
- Klik Tab Rancangan bagian Edit HTML
- Cari kode seperti dibawah ini pada template blog anda
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
} - Tambahkan kode untuk background seperti ini :
background: url(http://img268.imageshack.us/img268/6805/bodybgiq.jpg?imgmax=100%) repeat-x fixed top center;
- Gabungkan kedua kode diatas 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 kuning
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 note pad) - Klik tombol Simpan
- Lihat background postingan anda sekarang.
Selamat mencoba, semoga bermanfaat...
0 komentar:
Posting Komentar
Terima Kasih Atas Komentar Anda
Click to see the code!
To insert emoticon you must added at least one space before the code.