Tutorial : Background belakang content / border bergambar

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 .