Assalamualaikum apa kabar sahabat dafa melanjutkan tentang cara mempercantik blog kali ini aku mau posting tentang bagaimana merubah background blog dengan foto kita atau foto kesukaan kita.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :
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.
Demikian cara menganti backgroud blog dengan gambar, selamat mencoba
Semoga Bermanfaat..!!!
Langkah-langkahnya :
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/AVvXsEjXNxUKqzwRPeGdt47ff0I5XZ8gOJV7FG-h8dQS2_0Pdjcir2fnBakYOVD04XDxuITm20DkPmsqWJrwS9JX6QtWNvyo3o3Cesm2J5CDrLHiGWK9Qlmi4zseY52dyx-Ew5333HlmbfZd4LnF/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/AVvXsEjXNxUKqzwRPeGdt47ff0I5XZ8gOJV7FG-h8dQS2_0Pdjcir2fnBakYOVD04XDxuITm20DkPmsqWJrwS9JX6QtWNvyo3o3Cesm2J5CDrLHiGWK9Qlmi4zseY52dyx-Ew5333HlmbfZd4LnF/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.
Demikian cara menganti backgroud blog dengan gambar, selamat mencoba
Semoga Bermanfaat..!!!
No comments:
Post a Comment