HTML

Cara Mengganti Background Blog Dengan Gambar

cara mengganti background blog dengan gambar untuk posisi fixed CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR
Cara mengganti background blog dengan gambar sebetulnya 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 kalau ingin gambar ikut naik turun ketika halaman scrolled
  • repeat-y sanggup saudara ganti dengan no-repeat, kalau tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x kalau ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga sanggup hanya memakai repeat kalau 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 sebetulnya 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 kalau ingin background blog kembali bergerak sesuai scroll anda.

Jika anda ingin tampilan yang tidak bergerak, maka pastikan saja gambar yang anda gunakan cukup besar kalau hanya satu gambar. Atau pastikan presisi gambar yang baik kalau 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 kalau ingin mengganti background memakai gambar yang sangat kecil (untuk mempercepat loading blog). Karena ukurannya yang kecil maka harus dilakukan pengulangan supaya gambarnya terlihat penuh pada latar.

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

Cara mengganti Background Dengan Gambar Bergerak (gif)

Anda tentunya tidak akan mengalami duduk masalah kalau 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 supaya 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….

Subscribe to receive free email updates:

0 Response to "Cara Mengganti Background Blog Dengan Gambar"

Posting Komentar