Anda ingin mengubah background blog
dengan gambar? Kita bisa saja mengubah background blog sesuai dengan keinginan,
tapi dalam mengganti background yang perlu diperhatikan adalah keseimbangan
antara background dan warna sidebar atau komponen template yang lain agar
tampilan terlihat menarik.
Berikut cara mengganti background blog dengan gambar :
1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :
Berikut cara mengganti background blog dengan gambar :
1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Untuk mengganti gambar Anda
tinggal menambahkan link gambar pada kode tersebut.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEM9hzzpO0i9T91NGDLJAXMev1jEc3NFqMtUXVaNGA8VZsGWEANeD797eFgpYKtq8Bj8fMBFqHhdp37vT50gLyX4TU6phvZNp2MbI2sTxhcpynSx85IwEfoeM-tnZ-zvsXIHTfom3Qb_s/s1600/Opera-Background-Speaker.gif
5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut :
body{
background:#ded8c0
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfEM9hzzpO0i9T91NGDLJAXMev1jEc3NFqMtUXVaNGA8VZsGWEANeD797eFgpYKtq8Bj8fMBFqHhdp37vT50gLyX4TU6phvZNp2MbI2sTxhcpynSx85IwEfoeM-tnZ-zvsXIHTfom3Qb_s/s1600/Opera-Background-Speaker.gif)
repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Keterangan:
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x; menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template.
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x; menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template.