Gambar sendiri jadi background blog

Ha... Ni lagi satu trick nak mencantikkan blog anda. Kalau anda dah biasa guna google cari gambar background, bayangkan berapa ramai lagi yang dah pakai background yang sama dengan anda. Tak uniklah! Jadi, jom kita unikkan blog kita!:)

Dah siap edit gambar, resize kepada resolution yang sepatutnya. Tak tau resolution yang sepatutnya? Rujuk entry ini > Resolution untuk gambar background

Ok, dah siap? Meh kita mula mengedit blog! Pastikan anda backup dulu blog template anda. manalah tahu hasilnya kurang memberansangkan dan anda nak tukar balik ke layout yang dulu, upload saja :)

Tutorial ini hanya sesuai untuk blog yang menggunakan blog template (launched 2006) >

*click gambar untuk lebih jelas*

Anda pakai template ini? Jom kita mulakan tutorial! 

Mula-mula, upload gambar anda kedalam blogger. (Hani tak suka pakai photobucket).

Caranya, Creat new post > add picture > save. INGAT! SAVE SAHAJA, JANGAN PUBLISH. Setelah gambar anda selamat diupload, right click pada gambar dan click copy image url.

*click gambar untuk lebih jelas*

Cari code ini > body {

Anda akan jumpa dengan code seperti ini :

body {

  background:$bgcolor;

  margin:0;

  color:$textcolor;

  font:x-small Georgia Serif;

  font-size/* */:/**/small;

  font-size: /**/small;

  text-align: center;

  }

Tambahkan code ini kedalam code di atas :   background-image:url("");

body {

  background:$bgcolor;

  background-image:url("http://t0.gstatic.com/images?q=tbn:ANd9GcSPXhWWlZTC6FZrvb3GcoId1nsF2SN7r6wVC9_Dl_LA4KsMPMEBeQ");

  margin:0;

  color:$textcolor;

  font:x-small Georgia Serif;

  font-size/* */:/**/small;

  font-size: /**/small;

  text-align: center;

  }

Code yang berwarna hijau adalah code yang anda perlu tambah. Code yang berwarna merah adalah code yang sedia ada. Code yang berwarna oren adalah url gambar anda.

SAVE TEMPLATE. VIEW BLOG, CANTIK TAK? (^_^)