Older Post:

Newer Post:

Menambah column baru pada template 2 column (Minima template)

Apabila kita menggunakan template classic yang bertemakan hitam ataupun putih, kebiasaannya template tersebut hanya mengandungi 2 column sahaja yang terdiri dari dari sidebar dah ruang posting. Untuk menambah satu lagi column supaya ianya menjadi 3 column pada template classic (minama), terdapat cara yang sangat mudah untuk anda cuba.

Untuk menambah column tersebut, sila ikut beberapa langkah di bawah.

p/s: Sila save script template anda terlebih dahulu.(penting)

Langkah 1

Log in blog=> Dashboard => Layoput => Edit HTML. Seterusnya, klik pada Expand Widget Templates.

Langkah 2

Dengan menggunakan keyboard, taipkan kod #header-wrapper {. Seterusnya edit pada angka width: 660px kepada 900px.


Langkah 3

Dengan menggunakan keyboard, taipkan kod #main-wrapper {. Seterusnya edit pada angka width: 410px kepada 420px.

Langkah 4

Dengan menggunakan keyboard, taipkan kod #sidebar-wrapper {. Seterusnya, salin kod biru di bawah dan pastekan di atas atau sebelum #sidebar-wrapper {

#sidebarbaru-wrapper {
width: 230px;
float: right;
padding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

Langkah 5

Dengan menggunakan keyboard, sekali lagi,taipkan kod #sidebar-wrapper {. Seterusnya, salin kod biru di bawah dan pastekan di bawah atau selepas kod float: right;

padding-left:20px;

Langkah 6

Dengan menggunakan keyboard, taipkan kod #footer {. Seterusnya edit pada angka width: 660px kepada 900px.

Langkah 7

Dengan menggunakan keyboard, taipkan kod <div id='sidebar-wrapper'>. Seterusnya, scroll ke bawah dan cari penutup kod <div id='sidebar-wrapper'> iaitu </div>.

Salin kod berwarna biru dibawah dan pastekan kod tersebut di bawah atau selepas kod </div>

<div id='sidebarbaru-wrapper'>
<b:section class='sidebar' id='sidebarbaru' preferred='yes'/>
</div>


Akhir sekali, klik Preview, jika tiada mesej Error terpapar, klik saja Save.

Langkah 8

Seterusya, klik pada Layout dan lihat adakah sidebar yang baru itu telah di tambah.

25 comments

huu

aku wat mcm ni la utk tmbh column =)

Aku suka, aku suka, suka sgt, suka la....kolum idamanku belum dpt buat lg....nk try tp takut jgk.....
Benda yg paling aku tak suka nk download template...mmmmm....tp xpe, aku cuba sikit2.thanks.....

Aku dh buat dan ikut segala langkahnya.....ada apa2 yg tertinggal tak? sbb bila aku preview, naik menatang ni......We're sorry, but we were unable to complete your request.berpeluh2 jgk la....

@Iza

Tak ada. Sila cuba lagi. Hehe

@Nescafe ais

Gambarnya dh ilang.....
ada cara nk bg ada balik tak?
aku dh nangis ni...

huhuuh mcm layout aku nieh just tok 2colum jerk.kalo nak tambh boleh ke? risua lak aku..tp tigin nak tmbah.

@beautiful_rose

Kalau template tu template Minima, memang boleh. Tapi di sarankan cuba pada test blog dulu. Lagi selamat.

owh boleh erk?? ok nnt aku try..trimass eh bg info nieh.

katne nak type Dengan menggunakan keyboard, taipkan kod #header-wrapper {. Seterusnya edit pada angka width: 660px kepada 900px.


Langkah 3

Dengan menggunakan keyboard, taipkan kod #main-wrapper {. Seterusnya edit pada angka width: 410px kepada 420px.

suke lah blog nih.hehe. best2! sudh try ;)

@beautiful_rose

boleh kalau kita pakai template minima

@Persatuan Guru Pelatih Islam IPIK

Tekan Ctrl+F. lepas tu taip pada kotak Find.

@rObOt

Kalau jadi, oklah.Hehe

pernah terpikir tmbh nk colum.. bru tau boleh plak tmbh cmtu... ngt kna cr template lain..hehe thanx 4 da info.. tp tkot nk cuba.. (^^,)

tq info ni..sy berjaya bt tambah lg 1 column belah paling kanan...tp cmne nk ltk gadget? puas sy godek2 xleh pun...mintak tlg...

salam...
en. nes, langkah ke 5 tu, mmm...lepas paste

padding-left:20px;

kat bawah tu ade

padding-left:10px;


tak perlubuang ke, tukar ke? macam nmana ek...huhu..dah try bayak kali la...tapi error..hmmm

cikWa

outer wrapper pun kena ubah dari 660 ke 900
kalau tak memang tak jadi
sidebar baru akan turun bawah sidebar lama

ala... tak jadi... macam mana nak balik ke templete yg asal?

saya buat tapi tak ada apa perubahan. sebelum ni saya tambahkan kelebaran saiz colume template....sebab tu ker saya nyer colume baru tak kuar?

Anonymous

xjadipun aku buat..he2.xde keluar pn sidebar new tu..

nice tutor...
tengs coz menjadi antara BM tutor blog... ;)

btw,
nak tanya lah..
boleh tak kalau nak ubah kedudukan sidebar yang ada??
mcm blog saya,
default sidebar saya berada di sebelah kiri..
boleh x untuk di ubah kedudukannya ke sebelah kanan??

**tak nak tukar template, sayang...**

;DD

kalau side bar baru tu x kuar camne lak?

hurmmm....
dah berpuluh kali cuba..
tp xley la...

aaa....nape jad ilang blog aku...
admin plz help me!!!

ada kaluar ""bX-dlbcgf""

buat baru lagi lagi tak boleh niiiii..
normal jer xde effect la....

 
HOT NEWS

Copyright © 2009 Community is Designed by Bietemplates.com