Cara Menambah Column Dibawah Header

Column dibawah Header, Cara Membuatnya Column Tersebut Begitu Mudah. Ikut step ini.

Semalam saya saja xde kerja, jadi saya menambah column template blog solehpolysas.com. Jadi disini saya hendak kongsikanlah bagaimana cara untuk membuat column tersebut. Column tersebut diletakkan dibawah header blog saya.

Anda boleh lihat hasilnya disini. Baiklah, cara membuatnya ialah :

Login ke akaun blogger anda.
Pergi ke Layout -- > Edit HTML
anda tik pada kotak expand widget
Sebelum itu, download dahulu template anda untuk backup jika berlaku kerosakan
kemudian copy code ini dan letakkan DIATAS code ]]></b:skin>

.adscolumn{
width:933px;
padding:10px 3px;
background:#fff;
margin:10px 0px 10px 10px;
text-align:center;
border:1px solid #C0C0C0;
}
.adscolumn .widget{
}

kemudian copy code ini pula dan letakkan dibawah code <div id='main-wrapper'>

<b:section class='adscolumn' id='adscolumn' preferred='yes'/>

credit : kolom tutorial
selesai, save template anda. lihat hasilnya.. harap ianya menjadi seperti yang dirancang.. hehe..

16 comments:

AnonymousJanuary 18, 2009 at 6:49 PM
Menarik sungguh idea ni..
Saya memang kurang dalam coding2 ni..
Tq..
AnonymousJanuary 18, 2009 at 7:04 PM
to zool ;
TQ, xpe, belajar sikit2...
SeekersJanuary 20, 2009 at 12:16 AM
Tips yang cukup bagus.. tp ada lg cara yg paling simple utk tambah colum.. cara nye mcm ni..

cari kod ni:

div id='header-wrapper'
b:section class='header' id='header' maxwidgets='1' showaddelement='no'

dan tukar jd mcm ni:

div id='header-wrapper'
b:section class='header' id='header' maxwidgets='3' showaddelement='yes'

Utk tambah kolum atas main posting and side bar lak, cari kod ni:

div id='content-wrapper'
div id='crosscol-wrapper' style='text-align:center'
b:section class='crosscol' id='crosscol' showaddelement='no'

dan tukar ke:

div id='content-wrapper'
div id='crosscol-wrapper' style='text-align:center'
b:section class='crosscol' id='crosscol' showaddelement='yes'

blh try..
AnonymousJanuary 20, 2009 at 12:29 AM
to part time job ;
ya, cara yang mudah jika sudah ada. try la mana2..
SeekersJanuary 20, 2009 at 1:16 AM
emm, aku pun try cara ko, hasilnye sama jer.. tp ada error la.. aku rasa kod tu x blh letak bawah ]] /b:skin.
AnonymousJanuary 20, 2009 at 7:08 AM
to part time job ;
sory ada kesilapan teknikal, bukan dibawah, tapi diatas.. dah betulkan dah..
narffazFebruary 28, 2009 at 2:33 AM
salam..bro knpe kt edit html aku xda pun expand widget
AnonymousFebruary 28, 2009 at 8:46 AM
to arefun ;
mcm mane boleh xde??
AnonymousMay 31, 2009 at 7:35 AM
salam..lepas wat column ni,pastu nak isi dia camna..knpa column tadi putih ja??
solehpolysasMay 31, 2009 at 11:44 AM
to anon ;
nak isi die terpulanglah nak masukkan apa.. pergi ke page element lah kalau nak masukkan apa2..
kenapa warna putih? sebab coding tu BG Color die wana putih.. so warna putih la die..
band indie malayaJune 1, 2009 at 7:47 PM
oo..cam tu jer..thanks soleh
solehpolysasJune 1, 2009 at 9:56 PM
to band indie ;
okey.. sama2...
AnonymousNovember 3, 2009 at 2:28 AM
salam..kalau bawah post plak mcm mana?
solehpolysasNovember 3, 2009 at 8:44 AM
to bleazapp ;
bawah blog post kan? drag je element tu bawah blog post.. sebab kebiasaannya bawah blog post memang boleh diletakkan cuma button/link untuk add new jer xde.

1. cuba add dahulu dari sidebar element baru tu,
2. lepas dah siap save, drag element tu bawah blog post.
3. Save template.

selesai, selamat mencuba..
bleazappNovember 3, 2009 at 11:07 PM
salam thank soleh...
solehpolysasNovember 5, 2009 at 6:32 PM
to bleazapp ;
okey, no problem...

Blog ini telah menggunakan do follow untuk link komen anda. Link anda akan tersenarai di search engine.