CARA MENGGANTI BACKGROUND BLOG DENGAN GAMBAR

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….

cara mengganti background blog dengan gambar untuk posisi fixed

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 mampu bernilai apa saja, yg terpenting anda memperhatikan kode background pada CSS BODY?. Secara lengkapnya, kode itu seharusnya misalnya dalam bawah ini?.

Background:#cccccc url(https://dua.Bp.Blogspot.Com/latar.Jpg) fixed repeat-y center top;

Tentunya kode-kode pada property background bisa diganti sesuai kesukaan?.

  • #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 membarui Background Blog Jadi Tidak Bergerak

Banyak orang yang mengingingkan latar belakang yang bergerak sesuai dengan pergerakan scroll layar, tapi tidak sedikit juga yang menginginkan background blog tersebut diam saat layar di scroll. Untuk membuatnya diam sebenarnya anda cukup menggunakan kode dasar yang ada di atas. Yang perlu anda ubah hanya nilai kode hex warna dan url gambar.

Yang membuat background tidak beranjak adalah kode fixed, jadi kode ini juga yg harus saudara hilangkan jika ingin background blog pergi berkecimpung sesuai scroll anda.

Jika anda ingin tampilan yang nir berkiprah, maka pastikan saja gambar yang anda gunakan nisbi besar bila hanya satu gambar. Atau pastikan presisi gambar yg baik apabila anda menginginkan pengulangan (tile mode) menurut gambar yg kecil . Apabila berukuran gambar latar yang dipakai kecil maka sebaiknya ubah repeat-y sebagai repeat.

Cara mengganti Background Dengan Gambar Berulang

Ini merupakan teknik yg biasa dilakukan jika ingin membarui background memakai gambar yg sangat kecil (untuk mempercepat loading blog). Lantaran ukurannya yang mini maka harus dilakukan pengulangan agar gambarnya terlihat penuh pada latar.

Untuk melakukan ini saudara relatif mengganti repeat-y menggunakan repeat. Tentunya kode lainnya juga perlu diubahsuaikan agar tampilannya sinkron menggunakan kesukaan saudara.

Cara mengubah Background Dengan Gambar Bergerak (gif)

Anda tentunya tidak akan mengalami perkara jika ingin mengganti background blog dengan gambar gif. Cukup upload gambar gif tersebut dan dapatkan URL (link gambar) output upload. URL ini mampu anda gunakan buat mengubah URL yg terdapat pada property kode pada atas?.

Tapi perlu dicatat berukuran gif itu pada umumnya cukup berat, jadi pastikan gambar saudara ini kecil saja & lakukan pengulangan supaya penuh pada ventilasi browser.

Inilah cara membarui background blog yang relatif generik dilakukan. Jadi relatif fokuskan perhatian saudara dalam kode background yg terdapat pada CSS BODY,

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *