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

May Allah blessed us

17 comments:

soleha said...

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

eka said...

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

Cik Ezy said...

comel la..
bunge bunge..

=)

eka 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

Nur Iman said...

@SofyIsmaiL
wslm..awk kne ltk bckground

mujahidah_fillah said...

alhamdulillah..syukran ye.

Nur Iman said...

@mujahidah_fillah
:)..

l0llip0pz gurls st0riee said...

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

Nur Iman said...

@l0llip0pz gurls st0riee
same2..huhu
:)

♥ shaheizny ma ♥ said...

thanxx akak :)

Halimaton Saadiah Latip said...

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

Nur Iman said...

@♥ shaheizny ma ♥
same2..:)

Nur Iman said...

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

Autumn Zira said...

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

Autumn Zira said...

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

Nur Iman said...

@Autumn Zira
same2

 
Copyright © 2010-2016 | iurprincess.blogspot.com | All Righted Reserved | Designed By : Nur