-->
 Home  ·  About  ·  Privacy  ·  Contact  ·  Advertise  ·  Follow

Cara Mengganti Background Blog dengan Gambar

Anda ingin mengubah background blog dengan gambar? Kita bisa saja mengubah background blog sesuai dengan keinginan, tapi dalam mengganti background yang perlu diperhatikan adalah keseimbangan antara background dan warna sidebar atau komponen template yang lain agar tampilan terlihat menarik.

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.
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{
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;
}
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.

Nah, sekian cara mengganti background blog dengan gambar, jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.

23 komentar:

  1. Makasih bang.. sangan bermanfaat :) salam kenal dan mampir juga www.dadanghidayat28.blogspot.com

    ReplyDelete
  2. Mantap bray..
    salam blogger..
    Visit back http://linggasepuluh.blogspot.com/

    ReplyDelete
  3. susah cari kode body,gmana caranya..????,kasih tau donk

    ReplyDelete
    Replies
    1. letakkan kursor pada area kode HTML, kemudian tekan Ctrl + F pada keyboard dan masukkan kode body {, selanjutnya tekan enter sampai kode ditemukan.

      Delete
    2. susah loh kak nyarik kode nya

      Delete
  4. terima kasih kak sangat membantu ? Visit back ya
    http://cyberuscrew.blogspot.com/

    ReplyDelete
  5. terima kasih infonya
    zharifahputri.student.ipb.ac.id

    ReplyDelete
  6. terima kasih atas informasi yang bermanfaat ini http://hainusantara.com/

    ReplyDelete
  7. makasih gan sangat membantu sekali. http://budinus.blogspot.com/

    ReplyDelete
  8. mampir ke sini juga http://www.kotakmusic.com/

    ReplyDelete
  9. Terimakasih atas tutorialnya sangat bermanfaat. Akan saya coba langsung di blog saya perawatanwajah.co.id

    ReplyDelete
  10. oke gan saya mau coba dulu caranya, moga ajah berhasil dan gak ribet..

    www.creampemutihkulitocie.blogspot.com

    ReplyDelete
  11. Mantap dah Kunjungan balik ya bro
    dimasblogger14.blogspot.com

    ReplyDelete
  12. terimakasih sekali atas postingannya gan,, :)
    salam kenal.
    www.irwanhendrasaputra.pw

    ReplyDelete
  13. ohh gitu makasih gan tar ane coba
    http://acemaxs31.com/obat-ambeien-herbal/

    ReplyDelete
  14. Sangat membantu kami para pemula yang baru mulai membuat blog pribadi. Terima kasih.

    Dapatkan informasi bermanfaat lain di website kampusku ya, sini mampir walisongo.ac.id

    ReplyDelete

 
Copyright © 2013 - . Info Blog Indonesia · Powered by Blogger
Join Us · Facebook · Twitter