
Cara mengganti background blog dengan gambar sebenarnya sangat mudah. Saudara bisa memilih apakah gambar latar itu nantinya diam/fixed atau bergerak dengan scroll. Untuk mengetahui cara melakukan ini silahkan baca penjelasan berikut ini….
KODE CSS DASAR BACKGROUND BLOG
Saudara perlu mengetahui bahwa kode untuk mengubah gambar latar ini biasanya ada pada CSS BODY pada atribut BACKGROUND…. Jadi coba cari CSS BODY di EDIT HTML template blog saudara…. Biasanya akan terlihat seperti di bawah ini
body {
background: #cccccc;
…….
…….
}
Nilai #cccccc bisa bernilai apa saja, yang terpenting anda memperhatikan kode background pada CSS BODY…. Secara lengkapnya, kode itu seharusnya seperti di bawah ini….
background:#cccccc url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;
Tentunya kode-kode pada property background bisa diganti sesuai selera….
- #cccccc bisa saudara ganti dengan kode hex warna apa saja
- http://2.bp.blogspot.com/latar.jpg bisa saudara ganti URL gambar apa saja
- fixed bisa saudara hapus jika ingin gambar ikut naik turun saat halaman scrolled
- repeat-y bisa saudara ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top bisa anda ubah menjadi left top atau right top, tergantung titik acuan awal dari gambar yang anda inginkan
Dengan mengubah property di atas anda bisa mengganti background blog sesuai selera…. Cara ini cukup mudahkan?
Cara mengganti Background Blog Jadi Tidak Bergerak
Yang membuat background tidak bergerak adalah kode fixed, jadi kode ini juga yang harus saudara hilangkan jika ingin background blog kembali bergerak sesuai scroll anda.
Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar jika hanya satu gambar. Atau pastikan presisi gambar yang baik jika anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang digunakan kecil maka sebaiknya ubah repeat-y menjadi repeat.
Cara mengganti Background Dengan Gambar Berulang
Untuk melakukan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya kode lainnya juga perlu disesuaikan agar tampilannya sesuai dengan selera saudara.
Cara mengganti Background Dengan Gambar Bergerak (gif)
Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan agar penuh pada jendela browser.
Inilah cara mengganti background blog yang cukup umum dilakukan. Jadi cukup fokuskan perhatian saudara pada kode background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang baru dari blog anda….