Background ni akan nampak macam ada border bergambar . Aku dah sediakan . Kalau rasa nak guna ambil okay . Untuk mudahkan korang faham tutorial ni ikut je satu persatu . Aku buat seringkas yang boleh supaya korang faham . Tak nampak gambar dengan jelas tekan je gambar . Oh satu lagi , yang aku buat ni hasil dia macam dekat bawah ni sekali .
1. Dashboard>Design/Template>Customize
2. Dashboard>Design/Template>Edit HTML
CTRL+F : #content-wrapper {
Copy code ni letak macam dekat atas :
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBCC5ImCPqwTiAMUnW1tloQfpXf4y-UDJLIklk8QXuEIG2bgtl9gOsvrUscCyPX-Mn425wThMQ5QIdC-Gnq3jhw29WEeN9REoAnj2nid6t_HLsXZn-whK49pIRrg-EQK6RR-IaNUSx1MRs/s1600/tuto1.jpg) repeat-y;
CTRL+F : #header-wrapper {Letak code ni macam dekat atas :
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAB-wTUIIQ8tXImY8TRtczMNL9FMie_7qEZog3YZB-Q1zFq_RU55RKx6gDGkHIwtNQAEU41LgQ9rKgLr5cLBZcRM6JtA73mKJtncBrYVIh0rjwoyUGUycMT4X9S1DT93bIXHyG8fGnK3qH/s1600/tuto2.jpg) no-repeat bottom ;
CTRL+F : #footer {
Letak code ni macam dekat atas :
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAB-wTUIIQ8tXImY8TRtczMNL9FMie_7qEZog3YZB-Q1zFq_RU55RKx6gDGkHIwtNQAEU41LgQ9rKgLr5cLBZcRM6JtA73mKJtncBrYVIh0rjwoyUGUycMT4X9S1DT93bIXHyG8fGnK3qH/s1600/tuto2.jpg) no-repeat bottom ;
padding-bottom:10px;
CTRL+F : /* Posts
Nak letak code ni tengok macam dekat atas ni okay .
padding: 0px 9px;
padding: 8px 9px;
CTRL+F : .sidebar .widget {
Letak code ni :
padding: 0px 9px;
Sebelum save tu preview dulu . Done :)
Wish me luck for my upcoming trial SPM .









