Cara Mengganti Gambar Background Blog

Memperindah blog merupakan hal yang menyenangkan, karena kustomisasi blog memang sangat diperlukan agar blog tampak lebih personal dan unik. Salah satu cara membuat blog tampak beda dengan yang lain adalah dengan mengubah background blog dengan gambar.

Pada artikel yang berjudul "Cara Mengganti Gambar Background Blog di Blogger" ini. Saya akan menjelaskan cara merubah background dengan gambar pada blog agar terlihat rapih dan membuat pengunjung merasa nyaman sehingga akan memaksimalkan traffic pengunjung yang lebih baik. Hal ini juga akan membuat pengunjung bertahan lama mengikuti setiap artikel yang kita buat. Berikut akan saya jelaskan caranya.

1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode body{
3. Kodenya mirip-mirip seperti yang dibawah ini

body{background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKJhfz82KWas_jI8VcHJLlxRWQwbWgivxZk8TLNfvyvCr6U09lcRac6n30L7ej1EcgY3UUklPeTYzhPt80DYDaO-UgF_ifljKrd-s9skh8ZpRchzJcayr0PEBsjwOAkuQZjFTVyq1WvyK0/s1600/background.png) repeat-x top;
color:$textcolor;
font:x-small Georgia Serif;
font-size:small;
text-align:center;
margin:0
}

4. Kalau sudah ketemu tinggal ganti kode yang mirip seperti warna merah dengan Url Gambar anda. Tapi kalau kodenya berbeda anda bisa menambah setelah kode body seperti berikut

 body{background-image: url(alamat url gambar anda);

5. Simpan Template

Perlu diperharikan ukuran gambar anda, usahakan tidak menggunakan gambar dengan byte yang besar, usahakan dibawah 50kb, agar tidak membuat loading berat lama.

Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah. Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y.


Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah  kata repeat-x; menjadi repeat-x top left fixed;