Cara mengganti background blog dengan gambar

Cara mengganti background blog dengan gambar- Mengganti background atau latar belakang blog dengan foto dan gambar. jika agan menemukan artikel ini, pasti agan sudah bosan dengan backgroud di blog agan yang cuma warna saja, dan ingin menggantinya dengan gambar kesukaan agan agar terlihat indah atau sekedar pelampiasaan rasa bosan belaka, ya disini saya akan memberika tutorial mengganti background blog dengan gambar. Oke langsung sima totorial ini sampai selesai ya gan.

Cara mengganti background blog dengan gambar

Sebelumnya untuk ukuran gambarnya sendiri yaitu 1600px x 768px ukuran ini sudah saya tes sendiri dan sangat pas untuk blogger.

Pertama agan masuk ke blogger > Template > Edit HTML
Lalu agan cari kode CSS dibawah ini. agar cepat menemukannya agan klik CTRL+F :


body {background:#e9eaed

Letak kode ini ada di bawah #layout jika background blog agan berwarna putih maka cari dengan kode body {background: #ffff

Dan tambahkan kode CSS dibawah ini untuk memberikan backgroundnya :


url (https://i.imgur.com/MBz6XEA.jpg)

https://i.imgur.com/MBz6XEA.jpg adalah kode gambarnya, agan bisa costum sendiri.

Maka jadi seperti ini :


body {background:#e9eaed url (https://i.imgur.com/MBz6XEA.jpg)

Jika sudah ditambahkan url backgroundnya maka otomati background sudah terganti jadi gambar yang agan costum, tapi backroundnya kalau discroll ikut kebawah dan gambarnya menjadi double, dan jika dilihat pengunjung masih belum rapi dan tidak responsive.

Maka agan tambahkan kode CSS dibawah ini agar tetap diam saat discroll dan tidak double :


fixed; margin:0;padding:0;background-size:100%

Sehingga jadi seperti ini :


body {background:#e9eaed url(https://i.imgur.com/MBz6XEA.jpg)fixed; margin:0;padding:0;background-size:100%

Jika sudah, sekarang background blog agan sudah sepenuhnya menjadi gambar, jadi begitulah cara mengganti background blog dengan gambar, semoga agan betah dengan background yang baru.