Thursday, May 9, 2013

Cara Mengganti Background Blog Full Dengan Gambar


Cara Mengganti Background Blog Full Dengan Gambar

Kali ini Saya akan membahas cara mengganti background blog full dengan gambar.

Pertama-tama edit gambar/foto kamu pake progam desain grafis Photoshop atau Corel. Buat ukuran kertas gambarnya jadi 30cm x17cm resolusinya 72px udah cukup, atau ukuran dalam pixel 1600px x 1200px.

Perhatian :
  • Bisa pakai PHOTOSHOP


  • Terus save dalam format JPG dan upload gambarmu di www.photobucket.com. sebelum upload jika belum punya akun, register dulu. Jika sudah di upload, copy direct link yang ada di bawah gambar kamu.



  • URL link gambar sudah dapat, setelah itu cara masukin ke template kamu.
Caranya :
  • Login ke blogger.com, jika sudah,
  • Pilih Template → Edit HTML → centang Expand Template Widget.
  • Cari kode body {background agar mudah mencari tekan f3, kodenya seperti kode di bawah


body {background: color: #556680;
font-family: 'Droid Sans',Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;}




  • Tapi kadang setiap blog beda-beda urutan kodenya, tapi yang terpenting sekarang adalah menghilangkan kode berwarna biru setelah background:
  • Jadi hasilnya body {background:}
  • Setelah itu tambahkan script setelah kode {background:
  • Jadi seperti ini :

body {background: url(URL GAMBAR KAMU)no-repeat center center fixed;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


Perhatian :

  • Ganti tulisan URL GAMBAR KAMU dengan URL link gambar yang sudah di upload dari photobucket.
  • Untuk berjaga jaga, sebaiknya dipratinjau dulu, jika berhasil.
  • Simpan dan lihat hasilnya
Selamat Mencoba !

Newer Post Older Post Home

0 komentar: