#outer-wrapper
. Untuk lebih mudah mencarinya, tekan ctrl+f lalu ketikkan kode yang di cari. Kalo sudah ketemu, maka akan tampak kode seperti berikut :
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
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: 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 */
}
#outer-wrapper
menjadi --> 950px; Sehingga hasilnya seperti dibawah ini :
#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#outer-wrapper
, jangan lupa untuk mengganti kode tag width pada #main-wrapper
dan #sidebar-wrapper
juga. Karena jika tidak diganti maka jarak antara halaman posting dan sidebar blog akan sangat lebar. Untuk mengantisipasinya, rubah juga angka pada tag width #main-wrapper
dan #sidebar-wrapper
menjadi 500px untuk #main-wrapper
dan 400px untuk #sidebar-wrapper
. Sehingga menjadi :
#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: 400px;
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 */
}
Untuk merubah lebar kolom pada #main-wrapper dan #sidebar-wrapper, harus sesuai dengan lebar kolom pada #outer-wrapper. Misalnya, lebar halaman blog 950px maka jumlah dari lebar postingan dan sidebar blog harus kurang dari 950px. Hal ini dikarenakan supaya postingan blog dan sidebar blog tidak berdempetan dan mempunyai jarak antara keduanya. Jarak antara postingan dan sidebar bisa disesuaikan dari 30px s.d 50px.
Nah…setelah merubah lebar bagian blog diatas, ada satu bagian lagi yang harus dirubah yaitu bagian bawah blog. Temen2 tinggal mencari kode#footer-wrapper
dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog (#outer-wrapper).
Jika semua bagian telah mengalami perubahan, maka sebelum nge-save template lebih baik melihat dulu hasil perubahan dengan mengklik pratinjau / preview. Jika memang sudah sesuai baru di save. Jika belum temen2 tinggal klik bersihkan edit / clear edit untuk mengembalikan perubahan2 yang telah terjadi pada template. Ok….selamat mencoba.
tquu.bunda mau coba ntar ah..
BalasHapusooo gitu, aq emang susah mbedain outter wrapper sama main wrapper. ternyata itu tho artinya?
BalasHapusThanks ya!!
kalo nambah kolom caranya gimana yaw??thanks U :)
BalasHapuswah keren nih infonya, ntar di coba ah
BalasHapusasyiiiik..nanti khan kucoba...
BalasHapuskeren tipsnya bro..salam kenal
BalasHapustrim's bro....tulisanya pas buat gue yang lagi belajar.
BalasHapusTutorial yang mantabs....
BalasHapusMaju terus..........
lam kenal
Makasih dah, mau dicoba ntar,
BalasHapusthanks ya... tipsnya mantabh abisss! ntar aku coba aaaaaaaah...
BalasHapusini nih baru mantap ne tutorialnya
BalasHapusI LOve It
Muach2
cari2 semuanya kesini ajha ah
Hohohoho
cobain ahhhh,thanks banget ilmunya
BalasHapussaya tunggu diblog saya lho kang
BalasHapuswah terima kasih infonya ya
BalasHapusthank's ya atas infonya..............
BalasHapusTerima kasih mas ..... akhirnya blog ku jadi
BalasHapushttp://digitalbaca.blogspot.com
Salam Kenal
saya dah coba bro,tp sidebar jaraknya jauh tuh.ada yang blm saya ganti soalnya scripnya ga ketemu
BalasHapusdi templas saia ko ga ada kode tersebut ya?... jadi binun nih.....
BalasHapusduh tutorialnya bagus sekali. terima kasih
BalasHapusSip mas,.. aku dah cobain dan bisa tuch. sekarang lebarnya sudah proporsional, jadi postingan tidak terlalu scroll ke bawah.
BalasHapusmakasih atas ilmunya.
salam
#sidebar-wrapper : kebetulan ditemplatku g ada ya??
BalasHapustrs ada solusi lain g mas?
thx be4
kalau template yang udah dibredel bisa gak ya???
BalasHapussaya mau memperlebar sidebar dan halaman posting nehhhh
mohon bantuannya sangat2 yaaaaa
makasih
saya tunggu ya jawabannya
:)
thank's bro.....
BalasHapusmampir nice post sob
BalasHapuskalo mau tamplate yg sesuai dengan blog saia dan yg baik d mana ya ?
BalasHapusBos, mo nanya nh, cara manggil data link dari www.000webhost.com g'mn ya, plz PM me {mulkhoir@gmail.com}, salm kenal, o ya mampir2 ye ke serambi w "http://pandora-universalbox.blogspot.com" (maklum newbie nh) trims
BalasHapusMakasih atas artikelnya bozzzzz
BalasHapussmua artikel disini sangat membantu banget dalam pengembangan blogku. terima kasih .... salam kenal....
BalasHapusSdr. Mizwar.
BalasHapusTerimakasih atas blognya akujadi tambah ilmu deh.
Buat blogger yang lain. Salam kenal dari saya
Totok Ciledug-Tangerang.
http://smartagencyjobs.blogspot.com/
hrdsmartagency@yahoo.com
Cell: 0858-1482-0555
Esia: 021-9483-0761
artikelnya uh banget..
BalasHapusini yang saya cari2 ... baru selesai saya baca, besok langsung dipraktekin .. tararengkyu u/ infonya yg sangat membantu para new blogger.
BalasHapusSaya sudah berhasil melebarkan halaman postingan tetapi ada garis vertikal yang mengganggu..seolah-olah halaman posting terpotong dua.. bagaimana cara menghilangkannya. Tq
BalasHapuswah thanks bro gw dah bisa bikin lebar tuh halaman blog gw
BalasHapusberhasil...berhasil...berhasil...
bagus infonya mas tp kok punyaku outer wrapernya dah aku lebrin tp hasile g lebar cm geser kekiri aj y?wah masi bingung ni..
BalasHapuskalau. cara mengiilangkan navbar blog gmana.?
BalasHapusblog gw www.sangpemujacinta.co.cc
mas mizwar
BalasHapussaya ucapkan terima kasih, semoga mas tambah sukses... sudah berbagi ilmu dengan kami...
salam kenal : wahyu email: wazhah@yahoo.com
infonya ngebantu banget ! sdh di coba dan d aplikasikan... very thx !!
BalasHapushalo mas,
BalasHapusmakasih ya infonya, sudah saya coba. dan berhasil total.
sekali lg terima kasih mas.
kunjungi blg saya ya!!
makasih mas sangat bermanfaat sekali postinganya khusunya untuk saya pemula
BalasHapusterimakasih mas udah banyak membantu saya....
BalasHapussip...sip....
BalasHapusinfonya sangat membantu,.....thank's y
BalasHapusKok jadi berantakan ya mas??
BalasHapusMohon penjelasn lebih lanjut
salam kenal..
BalasHapusSya pemula membuat blog, coba nerapin artikel ini, tp ko gada perubahan ya. Padahal nilai2nya udah saya rubah...Mohon petunjuknya
ko bagian footernya ga ada ya ??
BalasHapusthanks bos ilmunya...........aku simpan d blogku
BalasHapuskeren tutorialnya, tukeran link ya mas
BalasHapushttp://bagamesap.blogspot.com/
wah bagus infonya ... maksh ya maklum pemula bangt
BalasHapusWah, helpfull banget. makasih yaaaa
BalasHapuskeren bngd tapi di blog aku nda bsa..
BalasHapustukeran link ia boz
http://java-banget.blogspot.com
salam kenal ,,, numpang tanya mas ?? sy make tamplate yg sdh disediakan di blogspot (bukan yg Klasik) sdh berkali-kali sy cb mencari dan m'edit kode seperti pny mas diatas tp ga ketemu. dan jg sdh sy coba untuk cari persamaan'nya tp wktu dilihat hasilnya ttp ga ada perubahan. mohon pencerahan'nya (maklum msh newbie) sebelumnya diucapkan terima kasih.
BalasHapushttp://perindagkopukmtapin.blogspot.com
Mantap cuy infonya...
BalasHapusVisit me Back...
kog kodenya saya cari gak ada ya? saya pake templat bawaan blogger, trimakasih.
BalasHapusMkasih gan Template dava_line09 Dah Menjadi Lebar gan,mksh Dah Share titornya,..
BalasHapusKlo Da Kesempatan Silahkan berkunjung gan,...
di
www.davasiappatahhati.co.cc
Trim's tutorialnya...sangat bermanfaat..
BalasHapusthanks infonya :)
BalasHapusmohon maff sudh mampir .trimkasih atas tips yg bermanfaat
BalasHapusmangtaaab mas infonya,mau dicoba dulu nih...thanks anyway
BalasHapushttp://gitarchordshack.blogspot.com
tips dan cara yang masuk akal. thanks
BalasHapusthx artikelnya om, sangat membantu,
BalasHapusyangasik.com
kaluu template yang didownload bisa gak ya......??
BalasHapusmaksih bro infoya,
BalasHapusstore-22.blogspot.com
makasih yah gan walau keseluruhan yang di atas tidak dapat di aplikasikan tapi ada beberapa yang membuat pekerjaan saya hampir terselesaikan ,, izin repost gan
BalasHapus