Background post dari sebuah blog tidak hanya berupa warna yang kadang membosankan. Sebagai alternatif lain, anda dapat mengganti background postingan dengan photo yang tentu harus disesuaikan dengan warna dan huruf pada postingan agar kehadiran photo sebagai background tidak mengganggu tampilan huruf di blog sobat..
kali ini saya Alinoka akan menjelaskan cara untuk modifikasinya ,,,
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 photo.
Upload photo tersebut ke hosting penyimpanan photo seperti Photobucket, Imageshack, Web Picasa atau hosting yang selama ini anda gunakan.
Copy Url/alamat gambar yang anda upload tadi. jika sudah anda siap kan langsung ke tahap ke2
KEDUA
1. Masuk ke Blogger
2. Klik Template
.3. 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 di bawah ini yang berwarna merah
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 merah http://img268.imageshack.us/img268/6805/bodybgiq.jpg merupakan Url/alamat photo yang akan tampil sebagai background postingan.
Ganti alamat gambar tersebut dengan alamat url gambar yang anda upload tadi (yang sudah anda siapkan pada note pad) jika sudah di ganti
Klik tombol Simpan Lihat background postingan anda sekarang.
Semoga bermanfaat dan semoga berhasi...
Nb:
Utuk sobat sobat yang kurang paham sobat bisa contak saya di
EMAIL: alinlienk@gmail.com
Add facebook : Alinoka
Tuliskan Komentar facebook