• Natlie Imbruglia

    Doesn`t she look very cool?

  • Thousands of Years

    Earth has lived thousands of years...

  • Fruits

    Fruits are vital for health and their nutrients...

  • The Lonely Road

    The Lonely Road reminds Me with You...

  • Twister

    Here are some twisting graphics for you...

Tuesday, December 15, 2009

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.

17 comments:

  1. huu

    aku wat mcm ni la utk tmbh column =)

    ReplyDelete
  2. 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.....

    ReplyDelete
  3. 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....

    ReplyDelete
  4. @Nescafe ais

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

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

    ReplyDelete
  6. @beautiful_rose

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

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

    ReplyDelete
  8. 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.

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

    ReplyDelete
  10. @beautiful_rose

    boleh kalau kita pakai template minima

    ReplyDelete
  11. @Persatuan Guru Pelatih Islam IPIK

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

    ReplyDelete
  12. 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.. (^^,)

    ReplyDelete
  13. 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...

    ReplyDelete
  14. 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

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

    ReplyDelete