Pages - Menu

Saturday, 5 April 2014

Cara Menganti Backgroud Blog dengan Gambar/Foto

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.
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. 
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{
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;
}
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. 
Demikian cara menganti backgroud blog dengan gambar, selamat mencoba
Semoga Bermanfaat..!!!

No comments:

Post a Comment