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/AVvXsEi8kUJSx44pzsVdA8WYrB3WrLtUVy0zKypA4x-hs63yulSfezXtuQCTvXjAgrX50kO8V-WbiQWlhunzHd9HnC84FtH8P21lNj-18EvKhJT_xjppBVE7Z3br6KLlWZYocGkyO_As2SNpuKNL/s1600/background.png) repeat-x top;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
color:$textcolor;
font:x-small Georgia Serif;
font-size:small;
text-align:center;
margin:0
}
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;
Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;
Mudahkan caranya? Sekian tutorial Cara Mengganti Gambar Background Blog di Blogger. Semoga bermanfaat.
