Tutorial BACKGROUND

Request dari kawan² nak letak gambar kat belakang background, so kat sini aku terangkan Tutorial BACKGROUND dengan gambar preview sekalik, so apa yang perlu korang buat ikut langkah² seperti kat bawah ni tapi sebelum memulakan penukaran sila save template blog korang (Backup) untuk keselamatan.

1. Log masuk ke ID Blogger korang atau terus ke "Dashboard"
2. Pegi "Layout" dan terus klik pada "Edit HTML"
3. Kemudian pada bahagian "Edit HTML" carik code seperi kat bawah ni (gunakan Ctrl+F kalau nak senang carik) kemudian letakkan code merah seperti gambar di bawah ni

*copy code warna merah kat bawah ni dan paste seperti dalam gambar di bawah, ingat kena carik yang ada body { lepas tu baru paste kat bawah macam gambar kat bawah ni

background-image: url('masukan url gambar korang');
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

Nota : biasanya background-color mengikut code tertentu, bagi sesetengah default blog, code warna ada yang seperti $bgcolor dan #FFFFFF, so kalau $bgcolor tu korang leh padam dan gantikan dengan code warna yang menggunakan code #FFFFFF so kalau korang nak tau warna code kaler tu boleh rujuk kat sini.

Tambahan
background-posisiton adalah code kedudukan gambar backround pada blog korang, kalau nak letak tengah² so code dia adeh... payah nak terangkan ni ok rujuk kat bawah ni

background-posistion:center center;
Gambar berada di tengah² pada blog blog

background-posistion:center left;
Gambar berada dibahagian tengah di sebelah kiri blog

background-posistion:center right;
Gambar berada dibahagian tengah di sebelah kanan blog

background-posistion:bottom center;
Gambar berada di bahagian bawah tengah blog

background-posistion:bottom left;
Gambar berada dibahagian bawah sebelah kiri blog

background-posistion:botoom right;
Gambar berada dibahagian bawah sebelah kanan blog

background-posistion:top center;
Gambar berada dibahagian atas di tengah² blog

background-posistion:top left;
Gambar berada dibahagian atas di sebelah kiri blog

background-posistion:top right;
Gambar berada dibahagian atas di sebelah kanan blog

Contoh Code background-posistion:center center; seperti kat bawah ni

pergghh... cantik jer blog kat atas tu kan heuheuheu (promosi) susah jugakkan... tapi itu jerlah cara² nak letak BACKGROUND pada blog, dah habis :P... kalau ada apa² masalah korang boleh kontek aku :D settle!!