السلام عليكم و رحمة الله و بركاته
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:
thanks kak eka... bnyak membantu... t kalo x tawu lagi..boleh la tnyer akak lg kan..hehehehe
@soleha Wc..huhu..bleh..tnyer je..lau akak bleh tolong..akak tlg..:)
comel la..
bunge bunge..
=)
@Cik Ezy hehe,..try la
asslm. td tkr template taw. cam eka gtaw la. pastu sofy nk ubh background xleh ar. camne ek? blog jd plain je
@SofyIsmaiL
wslm..awk kne ltk bckground
alhamdulillah..syukran ye.
@mujahidah_fillah
:)..
alhamdulillah .. akhirnya ! inilah yg dicari2 selama berbl0gging..terima kasih kaq eka !!! bnyk tuto alq membantu :)
@l0llip0pz gurls st0riee
same2..huhu
:)
thanxx akak :)
Alhamdulillah,subhanallah,ilmu yang baik,thanks sudi kongsi tuto,dh jd dh...
@♥ shaheizny ma ♥
same2..:)
@Halimaton Saadiah Latip
same..huhu..:)
awak trima kasehh ! ni tutor template paling first bjya zira buat. trima kasehh sgt ;')
awak trima kasehh ! ni tutor template paling first bjya zira buat. trima kasehh sgt ;')
@Autumn Zira
same2
Post a Comment