Cara Mengganti Background Blog Dengan Gambar

Cara mengganti background blog dengan gambar bekerjsama sangat mudah. Saudara sanggup menentukan apakah gambar latar itu nantinya diam/fixed atau bergerak dengan scroll. Untuk mengetahui cara melaksanakan ini silahkan baca klarifikasi berikut ini….

KODE CSS DASAR BACKGROUND BLOG

Saudara perlu mengetahui bahwa instruksi untuk mengubah gambar latar ini biasanya ada pada CSS BODY pada atribut BACKGROUND…. Kaprikornus 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 instruksi background pada CSS BODY…. Secara lengkapnya, instruksi 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 instruksi 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 teladan 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 Kaprikornus 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 instruksi dasar yang ada di atas. Yang perlu anda ubah hanya nilai instruksi hex warna dan url gambar.

Yang menciptakan background tidak bergerak yaitu instruksi fixed, jadi instruksi 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 semoga gambarnya terlihat penuh pada latar.

Untuk melaksanakan ini saudara cukup mengubah repeat-y dengan repeat. Tentunya instruksi lainnya juga perlu diubahsuaikan semoga tampilannya sesuai dengan selera saudara.

Cara mengganti Background Dengan Gambar Bergerak (gif)

Anda tentunya tidak akan mengalami dilema 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 instruksi di atas….

Tapi perlu dicatat ukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja dan lakukan pengulangan semoga penuh pada jendela browser.

Inilah cara mengganti background blog yang cukup umum dilakukan. Kaprikornus cukup fokuskan perhatian saudara pada instruksi 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….

Share this post