Selamat Datang


widget

Label

Jumat, 07 Maret 2014

Cara mengganti background blog dengan gambar



Cara mengganti background blog dengan gambar
Cara ini hampir sama seperti cara mengganti warna bacground blog. Perbedaan nya hanya pada penambahan kode pada CSS BODY tersebut. Lebih mudahnya, silahkan ikuti langkah-langkah berikut.
  • Masuk ke blogger
  • Masuk menu template, kemudian klik Edit HTML
  • Cari kode yang mirip seperti kode dibawah ini 
    body {
    background:
#18E115;
    …….
    …….
    }
 
  • Silahkan tambahkan kode pada CSS tersebut seperti dibawah ini
background:#cccccc; url(http://2.bp.blogspot.com/latar.jpg); fixed; repeat-y; center top;

Silahkan baca penjelasan tentang kode diatas berikut ini
  1. url(http://2.bp.blogspot.com/latar.jpg), ini adalah kode gambar background blog, bisa anda ganti sesuai selera anda.
  2. fixed  bisa anda hapus jika ingin gambar ikut naik turun saat halaman scrolled.
  3. repeat-y bisa anda 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). 
  4. center top adalah letak titik acuan gambar anda, bisa anda ganti sesuai selera anda, center top bisa anda ubah menjadi left top atau right top.
Untuk memilih gambar yang baik, ada baiknya anda ikuti tips dibawah ini..
  1. Gambar sebaiknya berkuran kecil, yaitu kurang dari 500 kb. Karena jika terlalu besar bisa membuat loading blog anda berat.
  2. Gambar memiliki ukuran minimal 1024x768 pixels.
  3. Sebaiknya gunakan gambar yang berformat .jpg, karena biasanya gambar yang berformat png ukurannya lebih besar.
Memilih gambar yang berukuran kecil harus dilakukan, karena jika salah, atau memilih gambar yang besar maka bisa saja memperberat loading blog anda. Dan akibatnya tidak bagus bagi blog anda.

Jadi itulah cara mengganti background blog yang paling umum dilakukan banyak blogger, kode diatas bisa anda edit dan kreasikan sendiri sesuai selera. Semoga artikel ini bermanfaat untuk anda. Dan terima kasih sudah datang berkunjung dan membaca artikel...

Tidak ada komentar:

Posting Komentar