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/AVvXsEj8vfNHMF0qyBUOpx3hBbUkgr9eMvmg1S9mv6yAzRzJ997wGWIL0KknzQhcMuns6VmBsqGekm_TDer3w6OhsG2Q15pESFySxxmDbx9AgM3cbYK9zR05XOOJUZh8DrhwHg5BVPFxEAK9ZpPV/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/AVvXsEj8vfNHMF0qyBUOpx3hBbUkgr9eMvmg1S9mv6yAzRzJ997wGWIL0KknzQhcMuns6VmBsqGekm_TDer3w6OhsG2Q15pESFySxxmDbx9AgM3cbYK9zR05XOOJUZh8DrhwHg5BVPFxEAK9ZpPV/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.
Makasih bang.. sangan bermanfaat :) salam kenal dan mampir juga www.dadanghidayat28.blogspot.com
ReplyDeleteNitip Link Gan Cara Membuat Website >> www.onphpid.com
DeleteMantap bray..
ReplyDeletesalam blogger..
Visit back http://linggasepuluh.blogspot.com/
nuhun mang (y)
ReplyDeletesusah cari kode body,gmana caranya..????,kasih tau donk
ReplyDeleteletakkan kursor pada area kode HTML, kemudian tekan Ctrl + F pada keyboard dan masukkan kode body {, selanjutnya tekan enter sampai kode ditemukan.
Deletesusah loh kak nyarik kode nya
Deleteterima kasih kak sangat membantu ? Visit back ya
ReplyDeletehttp://cyberuscrew.blogspot.com/
terima kasih infonya
ReplyDeletezharifahputri.student.ipb.ac.id
masih susah kak
ReplyDeleteterima kasih atas informasi yang bermanfaat ini http://hainusantara.com/
ReplyDeleteterima kasih mas,
ReplyDeletemakasih gan sangat membantu sekali. http://budinus.blogspot.com/
ReplyDeletemampir ke sini juga http://www.kotakmusic.com/
ReplyDeleteTerimakasih atas tutorialnya sangat bermanfaat. Akan saya coba langsung di blog saya perawatanwajah.co.id
ReplyDeleteoke gan saya mau coba dulu caranya, moga ajah berhasil dan gak ribet..
ReplyDeletewww.creampemutihkulitocie.blogspot.com
Mantap dah Kunjungan balik ya bro
ReplyDeletedimasblogger14.blogspot.com
terimakasih sekali atas postingannya gan,, :)
ReplyDeletesalam kenal.
www.irwanhendrasaputra.pw
yaya mksih
ReplyDeleteyaya mksih
ReplyDeleteMantap gan, sangat membantu
ReplyDeleteohh gitu makasih gan tar ane coba
ReplyDeletehttp://acemaxs31.com/obat-ambeien-herbal/
Sangat membantu kami para pemula yang baru mulai membuat blog pribadi. Terima kasih.
ReplyDeleteDapatkan informasi bermanfaat lain di website kampusku ya, sini mampir walisongo.ac.id