Menukar Templat Minima kepada 3 kolum
1. Sila dapatkan template Minima. Jika belum anda boleh berbuat demikian.
2. Pada halaman {Template}, sila pilih {Edit Html}. Jangan lupa tanda pada kotak (Expand Widget Template}.
3. Cari kod di bawah ini:
#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 */
}
Tambahkan kod ini di bawahnya:
#sidebarbaru-wrapper {
width: 150px;
float: left;
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. Cari kod di bawah ini:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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: 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 */
}
Gantikan dan tambahkan kod seperti di bawah:
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 400px;
margin-left: 25px;
float: left;
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: 150px;
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 */
}
5. Cari kod di bawah ini:
<div id='main-wrapper'>
Tambahkan kod ini di atasnya:
<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</b:section>
</div>
6. Cari kod di bawah ini:
#header-wrapper {
width:660px;
Gantikan kod seperti di bawah:
#header-wrapper {
width:750px;
7. Cari kod di bawah ini:
#footer {
width:660px;
Gantikan kod seperti di bawah:
#footer {
width:750px;
8. Pilih {Save Changes} dan lihat hasilnya.
Di inspirasikan melalui : http://tips-for-new-bloggers.blogspot.com/
AKU BASO BERAKKKK.
tetapi kenapa masih berbau?
wacaya sama lu beb.
hahaahahaha.
tenkiu tenkiuu.
hi…
nak tanye..
urgent..
my blog kenapa x terurus kedudukan sebelah kiri…
saya dah try susun..
tp bila buka je, dia tidak teratur dan kemas..
so, cam ne ek perlu saya bwat agar kemas dan teratur?
dah puas saya pikirkan..
huhuhuh
ic..templat minima ditukarkan kpd 3 kolumn..nanti ada masa,nak trylah..
nice… ble try ni…
hurmm..kalu dah ade 3 colum template tu tapi nak ejas supaya tak panjang sangat colum tu..nak buat macam mane..contohnye nak bagi sumua pautan url duduk di tempat yang kosong..sebelum ni dah berjaya buat lps tu..mcm mane tak tau..dah hilang pulak
fIcK a.k.a kaka : templat kamu bermasalah, sila guna templat baru. sebab utamanya kamu suka bertukar-tukar templat
Intan & Eddie : boleh memcubanya nanti
Muhammad Suhaimi : boleh, apa salahnya
Sueela : apa tu? kalau blogroll boleh buatkan skroll
We are sorry, but we were unable to complete your request.
nape error ekk …
rasanya dah ikut semua ..
nadzunix : cuba buat 1 step pastu preview, kalau ok sila save. step seterusnya pun begitu sampai anda jumpa dimana errornya.
buat skroll tu macam mana? blogroll tu mcm mana? kalu wordpress die ade bnde tu..blogger sy xtau..
sueela : penulis dah buat, harap maklum. Membuat Skrol pada Sidebar
xcaye sudah… nak tgk screenshot aku leh bagi, aku mlas nk vote.
p/s : papa, knape engko jahat?
haha.
kau tak pna nak terima aku comel.
kesian gila kau.
muahahahahahaahahhaahhaa.
sickchild : aku hanya menilai kecantikan dari dalaman dan luaran sahaja
hik2.
aku tunggu vote dari kau.
hahaha.
dengan rase jujur ikhlas dr dalaman ok.
sickchild : takkan vote, muktamad
Salam.nak tanya,aku dh tukar template mini ma aku ke 3 column.Masalahnya,column kat tengah tu,dia terhimpit kearah kiri,jd,column kiri dan tengah tu nampak rapat giler.column tengah dgn kanan nampak jauh pulak.jd,nampak x cantik.camne ye nak perbetulkan terima kasih.
naqiu : anda terlupa letak margin-left: 25px;
oo..ok2.terima kasih banyak2:)
Salam.maaf ganggu.camne ye nk buat border antara ketiga2 column tu?nampak kemas sikit.terima kasih
sifu…salise try wat kan…tp…column kanan skali ade kat bawah lak…tgk kan leh? nape jd cem tu?
rasa cam da wat satu2
naqiu : terima kasih. kalau saya sempat saya buat tutorial itu
chrysalise : #sidebar-wrapper setkan kepada 150px, awak terlupa ikut step 2
aah la sifu…tgk balik memang tertinggal.. ;))
hehe..thanks! sudah setel…yay!
chrySalise : keh3…
tapi kan sifu…kalo nak bg column tu lebar sket leh ke? rasa cam sempit jew kiri n kanan tu..
chrySalise : boleh, ubah width tu da n preview.
tukar #sidebar-wrapper, #sidebarbaru-wrapper dan #outer-wrapper sahaja
sifu…salise da tukar :
#sidebar-wrapper, #sidebarbaru-wrapper dan #outer-wrapper
tp kalo tuka sidebarbaru tu…mesti kolum kanan skali akan kat bawah…
so stkt ni juz outer n sidebar je yg salise tuka…yg sidebarbaru masih 150px
camne eyh?
*banyak tanya lak salise nih ;))*
chrySalise : kalau #sidebar-wrapper dan #sidebarbaru-wrapper anda tambah lagi 10px + 10px, maknanya #outer-wrapper kena tambah 20px (#sidebar-wrapper + #sidebarbaru-wrapper). harap-harap boleh cuba lagi
sifu…dah buat!!! yay…sudah berjaya..tenkiu sifu…~!
chrysalise : bila #outer wrapper berubah, #header-wrapper dan #footer pun berubah. Walau bagaimanapun ketiga-tiga nilai ini sama sahaja bergantung kepada #sidebar-wrappar, #sidebarbaru-wrapper dan #main-wrapper anda. Cuma pandai main kalkulator
yess..akhirnya berjaya jugak..
thanx a lot *sigh*
baguz dan hebat….
oo macam tu..
Thanks
nasib baik ade pokchiq..
kalu idak maam tu je la blog den
Tabik spring 35 x 4 kali
saya dah try wat 3 colum tapi
dia kuar mesej nie la
More than one widget was found with id: LinkList1. Widget IDs should be unique.
camne nak wat nie ye
nadieya : bagus
Anonymous : terima kasih
MaraMieA : sama-sama
muhaimin : rename salah satu LinkList1 kepada Linklist2, jika masih tidak menjadi buang dulu salah satu Linklist itu.
aaa..sifu,dieya da wat da 3 column ni + ubah sidebar & sidebarbaru tp yg tgh² nampak mcm sempit lak..
yg tu bleh ubah x..
nadieya : ubah #main-wrapper {, tapi jangan lupa kod lain juga.
wokey mista sifu..tq²
salam..nak tanye nih..saye dah bawt 3 kolum kat blog, tapi image header kat atas tu jadi tak betul lak..image tu duduk belah kiri gak..hmm..camner nak bwat ek .hmm
nadieya : sama-sama
Abdul fatah : cuba buang semula imej tu dan pilih ’shrink to fit’ semasa proses upload
dah shrink sampai shrunk dah..huk aloh,,tak jadi pon,,still kat belah kiri gak
pakar mekap.. mase saye tukar jadi 3 clm.. nape jadinye tinggi sebelah dari yang due tu..saye dah cari jalan nak samakan tak jumper.. tolong dengan cara yang betul …code mane satu nak tukar email aku yerk.. tq pakar mekap
Abdul Fatah FirDaus bin Abu Hanipah Bin Abdul Rahman : besarkan banner itu sebaiknya
rawi : tutorial ini untuk templat minima, bukan rounder
juice dh berjaya buat 3 clm, nak tanye kat side kanan tu bleh add element x nk buat camne ek ? or yng side kanan tu just kosong je???
juice : boleh. buat macam 2 kolum sebelum ini juga. kalau buat kolum baru tapi tak boleh tambah apa-apa, apa gunanya ada kolum baru? hahaha
so camner nk add element kt ctu????
Juice : baca dan fahamkan dulu tutorial, baru buat.
nape bile smpy kat nombor 5, try preview jek..dye jd..
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “id”.
ade ape mslh ek ngan kod nih??ade kene ubah pape x?
bhgian div id tu kan nape ek bile letak yg tu dea jadi error taboleh save ?
dea kuar
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute “{1}” associated with an element type “id”.
nape kuar error:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Element type “b:widget” must be followed by either attribute specifications, “>” or “/>”.
ada kesilapan pada tutorial, penulis sudah perbetulkan. selamat memcuba
rujuk step 3:
saya hanya jumpa code ini:
#sidebar-wrapper {
width: 220px;
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 */
}
>>sama ke?
YEZZ!! DPT PUN BUAT..
TQ BM~~
sama-sama
tq utk tutorial ni
dah apply pun kat blog..
saye dah jadi buat, jadi 3 column, tapi background die tak die.. yang box hitam tu sume hilang.. tinggal tulisan je..kenape eh?
okay! dah jadi.. tambah background je.. tapi satu lagi nak tanye.. hehe.. mcm mane kalau saye nak kotak yang tgh2 tu besar sikit.. sebab tulisan macam nampak crowd and kotak tu sempit..
bila adjust saiz mcm tak jadi
Cuba tgok blog saya… box mcm tak centre lahh.. sempit sangat.. boleh adjust lg takbagi sama besar.. saya try tp tak jadi
tak jadik