13.6.11

TUTORIAL : TUKAR SIZE WIDTH KOTAK ENTRY & SIDEBAR -PART 2

Assalammualaikum && selamat malam :)

mula mula..solehah nak mintak maaf sebab lambat update tutorial denim template nie.bz cket..hehe.. kali nie solehah nak ajar korang mcmana nak adjust size width/lebar  jadik besar ckit..  :) seperti yang sedia maklum.. chewahh.hahaha..ayat tuu..korang pun tau size default untuk denim template ialah 760px . sapa suka layout yang comel2..kecik2 mcm nie tak yah la tukar..sebab solehah dh biasa kot guna 1000px untk layout blog.. so..sebab tu solehah tuka..hehe..kat sini..kita ada 4 KODING UTAMA YANG PERLU DI TUKAR.

*bagi yg belom ikut dari PART 1.SILA KLIK DI SINI.

*saya menasihatkan anda untuk membuat satu blog baru untuk dijadikan bahan experiment. :) di ingat kan..tutorial kali nie memang kena bnyk click button PREVIEW bagi mengelakkan kecacatan berlaku pada template.hehe.
#header {
  width: 760px;



#content-wrapper {
  width: 760px;

#main-wrapper {
  margin-$startSide: 14px;
  width: 464px;

#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;


*korang ikut step by step okei..jangan gelojoh sangat..hehehe :)

  1. mula mula..korang pegi DASHBOARD > DESIGN > EDIT HTML

kita mulakan dgn ADJUST SIZE CONTENT WRAPPER. 
  • korang CTRL + F . carik kode nie.
#content-wrapper {
  width: 760px;
  • okei..korang adjust size width tu ikut sukahati korang lah..mcm solehah biasa buat..tuka 1000px je :)

seterusnya..ADJUST SIZE HEADER.. *size header MESTI sama dengan size CONTENT-WRAPPER. 
  • korang CTRL + F . carik kode nie.
#header {
  width: 760px;
  • adjust biar sama size dengan CONTENT WRAPPER kat ats tu haa...
next..ADJUST SIZE MAIN-WRAPPER *kotak untuk entri..  :) step kali nie korang mesti PREVIEW bnyk kali ckit.try smpai kotak sidebar & entri nmpak stabil.hehe..
  • korang CTRL + F . carik kode nie.
#main-wrapper {
  margin-$startSide: 14px;
  width: 464px;
  • okei.bagi sesiapa yg buat size 1000px mcm yg solehah ckp kat langkah sebelum td..korang letak je..main wrapper nie size 650px .
paling last..ADJUST SIZE SIDEBAR.


  • korang CTRL + F . carik kode nie.
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;
  • okei.bagi sesiapa yg buat size 1000px mcm yg solehah ckp kat langkah sebelum td..korang letak je..sidebarr nie size 300px .

dah siap...kalau korang nak adjust size lain pun boleh jugak..btw..sapa2 nak buat size 1000px.. ingat je tips yg nie. :

content-wrapper : 1000px
header : 1000px
main-wrapper : 650px
sidebar : 300px.

pastikan korang buat smpai kotak entri & sidebar nmpak CUNN okeh! :) selamat mencuba..

11 comments:

Lam A'Aini said...

thanks . . , , lebih kemas blog saya . .

♥ solehah ♥ said...

@A'Aini

sama sama aini :) hehe

OmmaWany said...

bwu puas lw width besar...thnx er :)

Amirah said...

thanks!! =)

emy adila said...

jadiii ! yeyyy ! thanz for helping ! jasamu dikenang ! hek3

N U R A L Y N said...

thanx..jady la..

MIRUL said...

tolong jawab untuk solehah....same2...hehe

//Nurul Fatihah said...

Solehah, sy pon pkai washed denim template. Nak tny, acane nak wat sidebar kita ke belah kiri?

Pena Biru said...

done.. terima kasih... sgt mudah d fahami....

Anonymous said...

As the chillier months generally imply plenty of neutral, extra lighting and darkish apparel, make an effort to transform points track of some dazzling colours this arriving season. This coming year, lots of people are putting on vibrant shades like purples, pinks, vibrant blues, and tangerine. These entertaining colors can certainly help you add some fun and heat towards the cold temperatures. [url=http://www.x21w12w21.info]Cort5y656e[/url]

Anonymous said...

If you wish to make use of a Robotz.txt file to conceal specific internet pages from online search engine web crawlers and spiders, you need to take the extra stage to ensure that the file provides the appropriate accessibility limitations and permission demands. Usually, you threat tampering by users who happen to be not competent or capable to affect the items. [url=http://www.ss12w12ws.info]Scan2122344d[/url]

 
Design by AH|SW |Empayar Bintang Tiga 2013