28 August 2012

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 .

23 ✿:

Cik Pena said...

wah...best tuto nih...nak trylah..nuff tuk fiza :) dan
good luck dik

Nurhafizah said...

@Cik.blogger TQ :)

Anonymous said...

Thank You kak fiza for the tuto ! =)

Nurhafizah said...

@arisa nazifa Welcome :)

Maicher said...

thanks! :D oh good luck k. ;)

khryh said...

Thankyou kak pijaaa!

Good luck for your exam yeahh :D

Iron Lady said...

Kak pijaa kalau nak carik border yang corak lain boleh carik dekat mana ? btw , Good Luck Kak Pijaaa. !

Nurhafizah said...

@Iron Lady Rsanya xada la .

Rubikz Key said...

nice gilaaa!

lolipop said...

Akak guna template ape ek?

Cekodok said...

template apa yg guna ? :(

Nurhafizah said...

denim template

Cik Nas :) said...

tengs tau dik..jadi..

gud luck spm.. :)

Unknown said...

good luck dear ..

wisata bakti alam said...


kunjungan gan,bagi - bagi motivasi
Hal mudah akan terasa sulit jika yg pertama dipikirkan adalah kata SULIT.Yakinlah bahwa kita memiliki kemampuan dan kekuatan.
ditunggu kunjungan baliknya yaa :)

Aina Farahin said...

Thanks for the tuto :D

Rainbowish Art said...

thanks :) ainin gna ya. hehe

mie. said...

kalau washed denim boleh guna tak?

mie. said...

kalau washed denim boleh guna tak?

Izza Sakura said...

lau picture window?nak cari mne?pne guna conttent inner tapi dy smpi kt header,lau content wrapper kod dy tkde lah

ღ❀AZNANA-AZ❀ღ said...

nak tanye knape kalau sye tukar url link dy jdi sbalh je?? mcm mne nk tukar gmbar???

anshmnf said...

Thanks for the tutorial :)

NanaEzar said...

kenapa tak jadik eh.........