Home » » Caranya Mengubah Background Blog Dengan Gambar

Caranya Mengubah Background Blog Dengan Gambar

trik Mengubah background blog dengan gambar untuk posisi fixed Caranya Mengubah BACKGROUND BLOG DENGAN GAMBAR
Caranya Mengubah background blog dengan gambar sebetulnya sangat mudah. Saudara sanggup menentukan apakah gambar latar itu nantinya diam/fixed atau bergerak dengan scroll. Untuk mengetahui trik melaksanakan ini silahkan baca klarifikasi berikut ini….

KODE CSS DASAR BACKGROUND BLOG

Saudara perlu mengetahui bahwa arahan 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 bakal terlihat mirip di bawah ini
body {
background: #cccccc;
…….
…….
}
Nilai #cccccc sanggup bernilai apa saja, yg terpenting anda memperhatikan arahan background pada CSS BODY…. SeCaranya lengkapnya, arahan itu seharusnya mirip 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 ubah dengan arahan hex warna apa saja
  • http://2.bp.blogspot.com/latar.jpg sanggup saudara ubah URL gambar apa saja
  • fixed sanggup saudara hapus Jika ingin gambar ikut naik turun Saat halaman scrolled
  • repeat-y sanggup saudara ubah 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 sanggup hanya menggunakan repeat Jika 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 yg anda inginkan
Dengan mengubah property di atas anda sanggup Mengubah background blog sesuai selera….  Caranya ini cukup mudahkan?

Caranya Mengubah Background Blog Makara Tidak Bergerak

Banyak orang yg mengingingkan latar belakang yg bergerak sesuai dengan pergerakan scroll layar, tapi tidak sedikit juga yg menginginkan background blog tersebut membisu Saat layar di scroll. Untuk membuatnya membisu sebetulnya anda cukup menggunakan arahan dasar yg ada di atas. yg perlu anda ubah hanya nilai arahan hex warna dan url gambar.

yg menciptakan background tidak bergerak yaitu arahan fixed, jadi arahan ini juga yg Musti saudara hilangkan Jika ingin background blog kembali bergerak sesuai scroll anda.

Jika anda ingin tampilan yg tidak bergerak, maka pastikan saja gambar yg anda gunakan cukup besar Jika hanya satu gambar. Atau pastikan presisi gambar yg baik Jika anda menginginkan pengulangan (tile mode) dari gambar yg kecil. Jika ukuran gambar latar yg dipakai kecil maka sebaiknya ubah repeat-y menjadi repeat.

Caranya Mengubah Background Dengan Gambar Berulang

Ini yaitu teknik yg biasa dilakukan Jika ingin Mengubah background menggunakan gambar yg sangat kecil (untuk mempercepat loading blog). Karena ukurannya yg kecil maka Musti dilakukan pengulangan supaya gambarnya terlihat penuh pada latar.

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

Caranya Mengubah Background Dengan Gambar Bergerak (gif)

Anda tentunya tidak bakal mengalami persoalan Jika ingin Mengubah background blog dengan gambar gif. Cukup upload gambar gif tersebut dan dapatkan URL (link gambar) hasil upload. URL ini sanggup anda gunakan untuk Mengubah URL yg ada pada property arahan 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 trik Mengubah background blog yg cukup umum dilakukan. Makara cukup fokuskan perhatian saudara pada arahan background yg ada pada CSS BODY, dan edit property yg ada di dalamnya…. Semoga berhasil dan semoga anda menyukai tampilan latar belakang gres dari blog anda….

0 comments:

Post a Comment

Search

Blog Archive