Cara mengganti background Blog dengan warna dan gambar yang diinginkan

Haisob apa kabar? Sebenarnya cara ini sudah banyak dibahas tapi mungkin saja masih ada sobat Bloggers yang belum tahu. Berikut ini saya akan membagikan tutorial cara mengganti tampilan Background Blog dengan gambar yang diinginkan dan cara mengganti warna background blog dengan warna yang diinginkan.

Mungkin saja karena sudah bosan dengan tampilan latar belakang atau juga karna ingin agar tampilan template Blogger terlihat lebih keren maka kamu ingin mengganti tampilan background blog kamu. Nah sobat, berikut adalah tutorialnya.

Cara Mengganti Background Template Blog

Cara Mengganti Background Template Blog
Mengganti Background Template Blog

Membahas soal background sebelumnya juga blog ini telah membagikan tentang cara membuat background efek slide show ada juga tentang cara membuat background blog berganti-ganti warna secara otomatis dan cara membuat fixed background ketika halaman di scroll.

Mengganti Background Default Template


Cara yang pertama biasanya bagi kamu yang menggunakan template bawaan Blogger atau belum menggunakan Custom Template.

1. Di Blog Blogger 😀
2. Pilih Menu Template ➔ Pilih Sesuaikan ➔ Pilih Latar Belakang ➔ pilih Gambar Latar, pilih gambar background apa yang ingin kamu gunakan.

Cara Mengganti Background Template Blogger

Disitu juga ada pilihan unggah gambar, jadi kamu dapat mengungah gambar milkmu untuk di jadikan gambar latar belakang template.
4. Jika sudah sesuai keinginan, pilih selesai dan klik terapkan ke Blog.

Mengganti Background Custom Template


Cara yang kedua adalah dengan mengedit CSS template blogger. Cara ini bisa kamu coba jika kamu menggunakan template yang sudah di modif oleh perancang-perancang template yang biasa di download dari situs-situs penyedia template. Jadi kamu akan mengganti background yang ada di dalam CSS template blog.

1. Di Blog Blogger 😊
2. Pilih menu Template ➔ Edit HTML
Cara Mengganti Background Template Blog
Template ➜ Edit HTML

3. Lalu cari kode body {
4. Jika sudah ketemu tambahkan kode berwarna dibawah ini kedalamnya, biasanya template sudah ada kode ini jadi yang di edit hanya kode warnanya saja. (Contoh css kamu misalnya)
body { background:#ddd;}
Kode berwarna biru diatas adalah warna backgroundnya jika kamu ingin mengganti warna background maka hanya kode warna biru diatas yang diganti, untuk warna yang dapat digunakan cek Generator Warna.

Jika ingin mengganti background menggunakan gambar maka contoh CSS diatas menjadi:
body{background:url(http://3.bp.blogspot.com/_rKLBTcXIDJY/TSKH6B4KZqI/AAAAAAAAAHQ/ZDpvrBLEyVg/s000/bg-body.gif)}
Ganti url gambar berwarna biru tersebut dengan url gambar background yang kamu inginkan.
Oh iya, jika sobat ingin mengganti background dengan gambar usahakan gambar yang ukuran filenya kecil yah biar ringan loadingnya.
5. Save template.

Sekian, selamat mencoba.