Bagaimana Cara Mengganti Backround Blog dengan Gambar Sendiri ? Mungkin anda bosan dengan gambar backround blog anda ataupun anda ingin berkreasi untuk memperindah blog anda. Untuk itu anda akan mengganti backround blog anda dengan gambar yang anda inginkan. Cara Mengganti Backround Blog dengan Gambar Sendiri itu cukup mudah berikut langkah-langkah nya:
1. masuk ke akun blogger anda.
2. kemudian cari perancangan template
3. backup dulu template anda
4. kemudian klik edit html
5. centang expand template widget
6. cari kode body{ atau lebih jelasnya lihat di bawah
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Pada blog biasanya kodenya berbeda-beda di atas salah satu cantohnya. pada blog backround gambarnyapun berbeda untuk itu saya akan mengambil contoh gambar sebagai berikut :
URL : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eAII9d9uRo2nK4RSQweO1EM6IWY0u5eFLcQGBkOoUPAQvKOCt2e1tEteDnT3D81Rl9BDyKSMNPXZKlFtqBxzT-pVyCS7D4gER-3M3jIGYV4ksu9AhFW-5Pi7fSg1GyYptG07y83qQGo/s320/Copy+of+hhsh.jpg
7. masukka url gambar yang ingin anda jadikan backround seperti di bawah ini:
body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eAII9d9uRo2nK4RSQweO1EM6IWY0u5eFLcQGBkOoUPAQvKOCt2e1tEteDnT3D81Rl9BDyKSMNPXZKlFtqBxzT-pVyCS7D4gER-3M3jIGYV4ksu9AhFW-5Pi7fSg1GyYptG07y83qQGo/s320/Copy+of+hhsh.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
warna biru tersebut adalah url gambar yang akan dijadikan backround sedangakan warna hijau adalah posisi gambarnya. anda juga bisa mnggantinya bila anda ingin misalnya dengan repeat-x top left fixed apabila anda ingin gambarnya tetap di atas jika scroll mouse anda gerakkan ke atas dan bawah. apabila anda ingin menggunakan gambar kecil kemudian membesar dan tetap gunakan repeat scroll 0 0.
8. save template anda dan lihat hasilnya.
itulah Cara Mengganti Backround Blog dengan Gambar Sendiri semoga bermanfaat.
1. masuk ke akun blogger anda.
2. kemudian cari perancangan template
3. backup dulu template anda
4. kemudian klik edit html
5. centang expand template widget
6. cari kode body{ atau lebih jelasnya lihat di bawah
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
Pada blog biasanya kodenya berbeda-beda di atas salah satu cantohnya. pada blog backround gambarnyapun berbeda untuk itu saya akan mengambil contoh gambar sebagai berikut :
URL : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eAII9d9uRo2nK4RSQweO1EM6IWY0u5eFLcQGBkOoUPAQvKOCt2e1tEteDnT3D81Rl9BDyKSMNPXZKlFtqBxzT-pVyCS7D4gER-3M3jIGYV4ksu9AhFW-5Pi7fSg1GyYptG07y83qQGo/s320/Copy+of+hhsh.jpg
7. masukka url gambar yang ingin anda jadikan backround seperti di bawah ini:
body{
background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8eAII9d9uRo2nK4RSQweO1EM6IWY0u5eFLcQGBkOoUPAQvKOCt2e1tEteDnT3D81Rl9BDyKSMNPXZKlFtqBxzT-pVyCS7D4gER-3M3jIGYV4ksu9AhFW-5Pi7fSg1GyYptG07y83qQGo/s320/Copy+of+hhsh.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
warna biru tersebut adalah url gambar yang akan dijadikan backround sedangakan warna hijau adalah posisi gambarnya. anda juga bisa mnggantinya bila anda ingin misalnya dengan repeat-x top left fixed apabila anda ingin gambarnya tetap di atas jika scroll mouse anda gerakkan ke atas dan bawah. apabila anda ingin menggunakan gambar kecil kemudian membesar dan tetap gunakan repeat scroll 0 0.
8. save template anda dan lihat hasilnya.
itulah Cara Mengganti Backround Blog dengan Gambar Sendiri semoga bermanfaat.
