Cara Mengganti Background Blog Dengan Gambar
Senin, 04 Februari 2019
Edit
KODE CSS DASAR BACKGROUND BLOG
Saudara perlu mengetahui bahwa isyarat untuk mengubah gambar latar ini biasanya ada pada CSS BODY pada atribut BACKGROUND…. Makara coba cari CSS BODY di EDIT HTML template blog saudara…. Biasanya akan terlihat menyerupai di bawah ini
body {
background: #cccccc;
…….
…….
}
Nilai #cccccc sanggup bernilai apa saja, yang terpenting anda memperhatikan isyarat background pada CSS BODY…. Secara lengkapnya, isyarat itu seharusnya menyerupai di bawah ini….
background:#cccccc url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;
Tentunya kode-kode pada property background sanggup diganti sesuai selera….
- #cccccc sanggup saudara ganti dengan isyarat hex warna apa saja
- http://2.bp.blogspot.com/latar.jpg sanggup saudara ganti URL gambar apa saja
- fixed sanggup saudara hapus bila ingin gambar ikut naik turun ketika halaman scrolled
- repeat-y sanggup saudara ganti dengan no-repeat, bila tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x bila ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga sanggup hanya memakai repeat bila ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top sanggup anda ubah menjadi left top atau right top, tergantung titik pola awal dari gambar yang anda inginkan
Dengan mengubah property di atas anda sanggup mengganti background blog sesuai selera…. Cara ini cukup mudahkan?
Cara mengganti Background Blog Makara Tidak Bergerak
Banyak orang yang mengingingkan latar belakang yang bergerak sesuai dengan pergerakan scroll layar, tapi tidak sedikit juga yang menginginkan background blog tersebut membisu ketika layar di scroll. Untuk membuatnya membisu bekerjsama anda cukup memakai isyarat dasar yang ada di atas. Yang perlu anda ubah hanya nilai isyarat hex warna dan url gambar.
Yang menciptakan background tidak bergerak yaitu isyarat fixed, jadi isyarat ini juga yang harus saudara hilangkan bila ingin background blog kembali bergerak sesuai scroll anda.
Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar bila hanya satu gambar. Atau pastikan presisi gambar yang baik bila anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang dipakai kecil maka sebaiknya ubah repeat-y menjadi repeat.
Yang menciptakan background tidak bergerak yaitu isyarat fixed, jadi isyarat ini juga yang harus saudara hilangkan bila ingin background blog kembali bergerak sesuai scroll anda.
Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar bila hanya satu gambar. Atau pastikan presisi gambar yang baik bila anda menginginkan pengulangan (tile mode) dari gambar yang kecil. Jika ukuran gambar latar yang dipakai kecil maka sebaiknya ubah repeat-y menjadi repeat.
Cara mengganti Background Dengan Gambar Berulang
Ini yaitu teknik yang biasa dilakukan bila ingin mengganti background memakai gambar yang sangat kecil (untuk mempercepat loading blog). Karena ukurannya yang kecil maka harus dilakukan pengulangan biar gambarnya terlihat penuh pada latar.
Untuk melaksanakan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya isyarat lainnya juga perlu diubahsuaikan biar tampilannya sesuai dengan selera saudara.
Untuk melaksanakan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya isyarat lainnya juga perlu diubahsuaikan biar tampilannya sesuai dengan selera saudara.
Cara mengganti Background Dengan Gambar Bergerak (gif)
Anda tentunya tidak akan mengalami persoalan bila ingin mengganti background blog dengan gambar gif. Cukup upload gambar gif tersebut dan dapatkan URL (link gambar) hasil upload. URL ini sanggup anda gunakan untuk mengganti URL yang ada pada property isyarat di atas….
Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan biar penuh pada jendela browser.
Inilah cara mengganti background blog yang cukup umum dilakukan. Makara cukup fokuskan perhatian saudara pada isyarat background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang gres dari blog anda….
Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan biar penuh pada jendela browser.
Inilah cara mengganti background blog yang cukup umum dilakukan. Makara cukup fokuskan perhatian saudara pada isyarat background yang ada pada CSS BODY, dan edit property yang ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang gres dari blog anda….