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;
}
4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada kode tersebut. background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpOep1Edt_PfySGOxYhoRkL4t-Uo4MVgll_Oe-H5S-MNjBbYKspI_raKolrBHrfbp0M3wgFWHng2ARgtqAsXXNRBE50_P57Bxt_0E1DF3MchR5AP_2LPhWmc6Yo7UI7XF-Q90O0acRLAm/s1600/Opera-Background-Speaker.gif
5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut : body{
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Keterangan:background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifpOep1Edt_PfySGOxYhoRkL4t-Uo4MVgll_Oe-H5S-MNjBbYKspI_raKolrBHrfbp0M3wgFWHng2ARgtqAsXXNRBE50_P57Bxt_0E1DF3MchR5AP_2LPhWmc6Yo7UI7XF-Q90O0acRLAm/s1600/Opera-Background-Speaker.gif) repeat-x;
color:#28261A;font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
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.
Nah, sekian cara mengganti background blog dengan gambar, jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.
Tidak ada komentar:
Posting Komentar