Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengganti Background Blog dengan Gambar



Wah Maaf dulu saya mau posting ini tapi jadi mengarah ke tutor lain, akhirnya sekarang baru bisa untuk posing ini sob, nah jika sobat bosen dengan tampilan background blog sobat yang monotone sobat bisa menggunakan cara ini.

1.Login blog sobat.
2.Masuk menu Template.
3.Centang Expand Template widget.
4.Cari kode ]]></b:skin> (Gunakan F3 untuk lebih cepat mencarinya)

Jika sudah ketemu Copy Kode berikut ini dan tempatan di atas kode ]]></b:skin> tadi.

body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUk5CaIPJ-Tf91F6B5TYNr2PFtdUlZ9T2fMgjMj44Q6zNeWK2Qw386nq4wXb4QhB_mdIgEVcn4wy6JMR8NFKcHRr-7tpeRjWNW2CDzII7tsEYcONfUcdE5aU4GNaESDtql71UyZlJDfmFK/s320/batik+Hermanbagus.jpg);background-repeat: repeat-x repeat-y;}

Untuk yang berwarna Hijau adalah url gambar yang bisa sobat ganti dengan url gambar yang lain.

Untuk Yang berwarna Merah keterangannya.

Repeat-x  :Background akan mengulang gambar secara horizontal atau menyamping

Repeat-y  :Background akan mengulang gambar secara vertikal atau kebawah

No-repeat : Gambar background tidak akan terjadi pengulangan 

Semoga Bermanfaat kawan.

65 komentar untuk "Cara Mengganti Background Blog dengan Gambar"

  1. kunjungan malam sob.
    sebaiknya sebelum memasang kode tersebut,cpmress dulu gambarnya...biar gak nambah beban loading blog.

    BalasHapus
  2. Wuih mudah dimengerti dalam penerapannya, Terima kasih sahabat....

    BalasHapus
  3. whh,, knpa sobat tdk mnerapkannya di blog sobat

    BalasHapus
  4. Wah kalo saya baru tahu fungsi repeat x dan y sob, makasih infonya dan salam kenal dan sehat selalu

    BalasHapus
    Balasan
    1. ok sobat, sama sama , salam kenal juga , sehat selalu juga buat sobat.

      Hapus
  5. mantab sob ini yang saya butuh heheh thanks yachh tapi apa gak berat tuch...

    BalasHapus
  6. nambah loading blog, jadi aku nyimak aja,,mantab

    BalasHapus
  7. ini ukuran nya berapa mas buat baground?

    BalasHapus
  8. wah mungkin blog saya memakai kode ini untuk ganti backgroundnya, makasi sob, udh share :101

    BalasHapus
  9. wah makin mantap nih sobat. kalau blognya bisa di ganti-ganti background.

    BalasHapus
  10. Nice Info sob, membantu ^ dan izin menyimak :151 kunjung balik ya hhe

    BalasHapus
  11. Wah tapi takut loading blognya tambah berat. Sob saya sudah follow blog sobat. Follow back ya.. salam kenal.

    BalasHapus
    Balasan
    1. kan teraagntung juga sama ukuran gambarnya sob, ok sob ke tkp.

      Hapus
  12. bermanfaat banget sob,,, buat yang pengen ganti2 background.. hehehe..

    Tugas beres sob.. :107

    BalasHapus
  13. lewat langsung di template >> sesuaikan juga bisa kan?? apa beda ka??.

    BalasHapus
  14. hebat herman..
    nur bisa pusing kalau bermain dengan koding..huhuh

    BalasHapus
  15. keren sob :108
    aku sdng review dri adsense ni sob..
    minta comment sma g+'a donk sob..

    oiia aku sobat mau oke akun KS pnyaku..
    silahkan sja sob :D
    sory aku bru bca psan mu di fb sob, heee

    BalasHapus
    Balasan
    1. haha oke sob, makasih ya, oke suda ke tkp sob

      Hapus
  16. Kalau background itu biasanya ukuran gambarnya brapa x brapa px ya mas ?

    Oiya, kalau supaya transparan gimana mas ? Terimakasih..

    BalasHapus
    Balasan
    1. Tergantung sob, bisa 1360x768 kalau transparan belum tau hehe

      Hapus
  17. klo saya malah gambar yang ada ditemplate saya minimalkan sob supaya loading lebih liittt...liittt...liitt...gitu :)

    BalasHapus
  18. wah rajin Herman mengajar kita semua ya tutorial blog itu satu cabang ilmu. Kami khabar baik..

    BalasHapus
  19. kesini buat ngasih emoticonnya :121 kangen deh :105

    BalasHapus
  20. aduh berat nih sob, lagian blog saya lebih cukok nggak pake gambar :D Nice info

    BalasHapus
  21. mantap neh sob...
    Thanks ya tipz n tutorialnya

    BalasHapus
  22. wow ada lagi aja nih temanku ini,kreatif buanget yah,,,ok dech Lanjutkan,nanati takcoba,,
    Thanks

    BalasHapus
  23. Kren Kren sob

    Maaf saya berkunjung cepat karana keerbatasan waktu, hehehe

    BalasHapus
  24. Gan ane udah review alexa agan, review balik yooo

    BalasHapus