18.4.11

TUTORIAL : RAPATKAN HEADER DENGAN CONTENT BLOG



SELAMAT PETANG & SELAMAT HARI ISNIN  :)

whoaa..solehah teruja sangat nak buat tutorial nie..lama dah cari kode yang boleh 
rapatkan header & content..tutorial nie..untuk user template Picture Window .
harap2 menjadik lahh kali nie..sebab..semalam pun solehah dah try..dapt woo.
dah berapa bulan cari kode part mana nak tukar.haha.. *dah2..mesti korang tak 
sabar jugak kan..kat fb bnyak dah yg tanya..

PERINGATAN!
SEKALI LAGI.TUTORIAL NIE SESUAI UNTUK USER 
TEMPLATE PICTURE WINDOW SAHAJA..HARAP MAKLUM.

LANGKAH 1
  • mula mula pegi DASHBOARD > DESIGN > EDIT HTML . cari koding nie.. (ctrl + F lagi senangg..hehe..)
.header-outer {


LANGKAH 2
  • dah jumpa??korang tukar koding kat ctu..jadi mcm nie.okei..korang gantikan..err.fhm tak..hehe..


.header-outer {
  background-image:url();background-position: top center; background-repeat:no-repeat;
  width:990px;
  height:230px;
  margin:0 auto 7px;
}


LANGKAH 3
  • tengok koding yang berwarna merah..tu korang tukar ikut size width & height header korang.

LANGKAH 4
  • dah tukar size width & height??ha.yang nie paling PENTING. dah adjust size width & height.korang nak rapatkan dgn content kan??KURANGKAN SEDIKIT SIZE WIDTH.
  • contonhya..mcm size width header yg asal..300..lepas tu..korang nak adjust dia rapat ckit dgn content..kurangkan size..jadi 250 mcm tu...korang try la..preview bnyk kali..konfem dapat.

LANGKAH 5
  • jadi.koding korang.akan jadi sebijik mcm kat LANGKAH 2 tadi.hehe.selamat mencuba..

p/s : harap harap..korang try..menjadi okei..tata. :) *rajin lah solehah update..ehehe

16 comments:

[sutera kasih] said...

makaseh solehah !!! yeahh dapat dah rapatkan header tu hehe thanks a lot dear :)

♥ solehah ♥ said...

@[sutera kasih]

hehe..samasama :)

Yasmin Khairani said...

solehah baek. kiter suker! huhu :)

♥ solehah ♥ said...

@miss minn

hahaha.adoi..baiklah sgt..ehehe :)

Elis said...

thankz.... sngat smart!

♥ solehah ♥ said...

@Elis

samasama elis..try laa :) hee

Nadiah Najjib said...

Terime kasih, penat cari tutorial yg gunekan template picture window:)

Anonymous said...

thx, finally menjadik jugak lepas ikot tuto ni.. :D

cci said...

berjaya tq.. ^_6

BicaraSiIbu said...

makaseh kak solehah...lama da cari tuto ni..sbelum ni asyik x boleh je..lpas ikut tuto kak soloehah,trus mnjadi...makaseh byk2 kak solehah... :)

Cik Kay Jue said...

kak solehah.. saya da buat.. tapi header sembunyi kat belakang content la.. huhu.. macam mana nak bagi dia kat depan content?

lynnto said...

pelik..sebab saya buat tapi kalau saya kurangkan width jadinya header makin kecik..tapi x rapat..

♥ solehah ♥ said...

@lynnto

awk guna template ape?tutorial nie untk template windows je :)

Aden Boy said...

tak paham.. kita kurangkan widht or height ? bila saya kurangkan widht,gambar jadi kecik, bila saya kurangkan height, dapat pulak...

♥ solehah ♥ said...

@Aden Boy

sorry.tukar height..hee :)

Sakinah said...

tq so much kak :*

 
Design by AH|SW |Empayar Bintang Tiga 2013