Tutorial Template Macam Eka

السلام عليكم و رحمة الله و بركاته

Salam..mlm ni nk buat tuto tmplte mcm eka 2..SOLEHA tnye..jom kiter buat..he3..n jom usha2 blog SOLEHA ni..:)

sye tau tmplte dri NURUL...thankz 4 sharing..tp yg eka punyer..eka tmbah sikit2..jom start..
Sebelum ikot tuto ni..bagi sape2 yang bukan minima template kene tukar dulu kat SINI..
Lpas 2 bwu bleh ikot tuto ni..lau x xjadik bagi yang pengguna templte..


1.page kat EDIT HTML.tick EXPAND WIDGET TEMPLATE..
ctrl+f cri kod bwh ni

#outer-wrapper {

2.kat bwah 2 ade kod mcm ni

#outer-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 240px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}


NOTE:lau kod xsame..tp ade bnda2 mcm ni..same je kot..hee3.ap2 pon..tkar ngn yg bwah ni plak..yg bwh ni..contoh yg eka pnyer

3.copy n gantikan yg cri tdi dgn kod bwah ni

.clear {
clear: both;
}
#content-wrapper {
width: 780px;
margin:0 auto;
padding:10px;
text-align:$startSide;
background-color: #FFFFFF;
border:2px solid #FA58AC;
-moz-box-shadow: 0 0 10px #FA58AC ;-webkit-box-shadow: 0 0 30px #FA58AC;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
font: $bodyfont;
}

#main-wrapper {
width: 520px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 240px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

4..dah ciap..tp jgn save dlu..xjdi kang..eka plak yg kne..hehe..preview dlu tau..

TEKA-TEKA:
background color:#000000 bleh ubah..klik sini
-moz-box-shadow: 0 0 10px #FA58AC ;-webkit-box-shadow: 0 0 30px #FA58AC; yg ni tuk shadow..bleh ubah mngkut wrna blog anda yer..
WIDTH:bleh ubah jgk..

Selamat mencuba yer..yg ni untuk MINIMA TEMPLATE shaja..hrap maklum..yg laen sila cuba dulu..t burok bwu tau..hee..ingat!!! PREVIEW dlu..

p/s: Penat nyer..haha..jgn luper komen..LAU DAH BUAT..tinggalkan komen

17 comments:

soleha said...

thanks kak eka... bnyak membantu... t kalo x tawu lagi..boleh la tnyer akak lg kan..hehehehe

ika said...

@soleha Wc..huhu..bleh..tnyer je..lau akak bleh tolong..akak tlg..:)

ezy.fia said...

comel la..
bunge bunge..

=)

ika said...

@Cik Ezy hehe,..try la

SofyIsmaiL said...

asslm. td tkr template taw. cam eka gtaw la. pastu sofy nk ubh background xleh ar. camne ek? blog jd plain je

ika said...

@SofyIsmaiL
wslm..awk kne ltk bckground

mujahidah_fillah said...

alhamdulillah..syukran ye.

ika said...

@mujahidah_fillah
:)..

Tighah. said...

alhamdulillah .. akhirnya ! inilah yg dicari2 selama berbl0gging..terima kasih kaq eka !!! bnyk tuto alq membantu :)

ika said...

@l0llip0pz gurls st0riee
same2..huhu
:)

ROSSA said...

thanxx akak :)

Anonymous said...

Alhamdulillah,subhanallah,ilmu yang baik,thanks sudi kongsi tuto,dh jd dh...

ika said...

@♥ shaheizny ma ♥
same2..:)

ika said...

@Halimaton Saadiah Latip
same..huhu..:)

autumnzira said...

awak trima kasehh ! ni tutor template paling first bjya zira buat. trima kasehh sgt ;')

autumnzira said...

awak trima kasehh ! ni tutor template paling first bjya zira buat. trima kasehh sgt ;')

ika said...

@Autumn Zira
same2

2011-2018 Copyright© All Rights Reserved Designed by : nur atikah