...BISMILLAHIRRAHMANIRRAHIM...
dah lama menjejak 3column template ni...xjuge tau camna cara nak tuko...
nak tuko trus layout blog...sayang juge gambo pokok dan elemen kayu nih...nak cari template baru juge bukanlah satu perkara mudah...sangat banyak template di tawarkan dipelbagai web...semuanya trus siap 3column..xpayah penat2 pikio...tapi nak cari yang sesuai dengan jiwa tu bukannya amik masa yang singkat...
jadi atas inisiatif yang sangat membara nih..ana cari juge dan cube dan trus mencuba...at las dapat juge buat 3column template dengan mengekalkan layout asal...alhamdulillah...
perkara pertama antum/na semua perlu buat adalah pergi ke Template>edit HTML...
sebelum tu copy dulu kod HTML yang asal...mana tau ada berlaku perkara2 yang tragis. jadi xdela antum/na asa nyesal sangat. nak copy cam biasala... kalau ana CTRL A pastu copy paste kat new notes (lebih suka paste kat sini berbanding words) pastu minimizeskan bliau dan pastu kat edit HTML tu...ana tekan CTRL F untuk find pekataan...pastikan kat kod tu dalam keadaan normal dan bukan dalam keadaan berhighlight...
sebenarnya nak terang dalam bahasa yang mudah tapi kalau xpaham leh tya...ehehehe
k...next kat find tadi cari
#sidebar-wrapper { width: 220px; float: right; 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 */ }
Copy semua yang kat atas tu pastu paste kat tepi dia...stat yang lepas sidebar-wrapper {PASTE DI SINI}
kat bawah dia pulak paste benda yang sama cuma tambah perkataan 'left-' sebelum sidebar-wrapper tu dan tuko word right kepada left
#left-sidebar-wrapper (this makes the css for this section unique) float: left (this will make the new sidebar float to the left of the main column)
pastu cari kod kat bawah ni
pastu cari 2 benda kat bawah ni...tukaq px dia dari 660px kepada 880px
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
#header-wrapper { width:880px; margin:0 auto 10px; border:1px solid $bordercolor; }
pastu savekan template tu...view tgk jadi camne...
xtually ni dari kefahaman ana la...xbopa faham leh trus dapat futher xplaination dengan KLIK DISINI
ini sekadar penerangan kot2 ada yang keliru bila baca kat web tu...apa2 copy n paste amik trus dari web tu okeh?
baca dan faham bebetui...insyaALLAH
nanti kat page element antum/na nanti jadi bentuk ni la... ada add gadget kat side belah kiri tu...sebelum ni template ana ada kat kanan ja...
wallahu ta'ala nabiyyu a'alam...
nak tuko trus layout blog...sayang juge gambo pokok dan elemen kayu nih...nak cari template baru juge bukanlah satu perkara mudah...sangat banyak template di tawarkan dipelbagai web...semuanya trus siap 3column..xpayah penat2 pikio...tapi nak cari yang sesuai dengan jiwa tu bukannya amik masa yang singkat...
jadi atas inisiatif yang sangat membara nih..ana cari juge dan cube dan trus mencuba...at las dapat juge buat 3column template dengan mengekalkan layout asal...alhamdulillah...
perkara pertama antum/na semua perlu buat adalah pergi ke Template>edit HTML...
sebelum tu copy dulu kod HTML yang asal...mana tau ada berlaku perkara2 yang tragis. jadi xdela antum/na asa nyesal sangat. nak copy cam biasala... kalau ana CTRL A pastu copy paste kat new notes (lebih suka paste kat sini berbanding words) pastu minimizeskan bliau dan pastu kat edit HTML tu...ana tekan CTRL F untuk find pekataan...pastikan kat kod tu dalam keadaan normal dan bukan dalam keadaan berhighlight...
sebenarnya nak terang dalam bahasa yang mudah tapi kalau xpaham leh tya...ehehehe
k...next kat find tadi cari
#sidebar-wrapper { width: 220px; float: right; 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 */ }
Copy semua yang kat atas tu pastu paste kat tepi dia...stat yang lepas sidebar-wrapper {PASTE DI SINI}
kat bawah dia pulak paste benda yang sama cuma tambah perkataan 'left-' sebelum sidebar-wrapper tu dan tuko word right kepada left
#left-sidebar-wrapper (this makes the css for this section unique) float: left (this will make the new sidebar float to the left of the main column)
pastu cari kod kat bawah ni
(xleh nak copy...refer ke web asal ye?)
then, copy kod kat bawah ni dan paste atas kod yang kita cari tu....
(kod ni pun ilang bila ana publish...refer web asal...senang aje...insyaALLAH)then, copy kod kat bawah ni dan paste atas kod yang kita cari tu....
pastu cari 2 benda kat bawah ni...tukaq px dia dari 660px kepada 880px
/* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 660px; margin:0 auto; padding:10px; text-align:left; font: $bodyfont; }
#header-wrapper { width:880px; margin:0 auto 10px; border:1px solid $bordercolor; }
pastu savekan template tu...view tgk jadi camne...
xtually ni dari kefahaman ana la...xbopa faham leh trus dapat futher xplaination dengan KLIK DISINI
ini sekadar penerangan kot2 ada yang keliru bila baca kat web tu...apa2 copy n paste amik trus dari web tu okeh?
baca dan faham bebetui...insyaALLAH
nanti kat page element antum/na nanti jadi bentuk ni la... ada add gadget kat side belah kiri tu...sebelum ni template ana ada kat kanan ja...
wallahu ta'ala nabiyyu a'alam...
eeiyss
0 org sabahat cumil doakan kebahagiaan kami:
Post a Comment