TUTORIAL : Sidebar to the left and Main blog to the right

okehh :) tady ada yang request di facebook fanpage una :) dia tnya how nak buat sidebar jadi belah kiri :) sooo , ini tuto nye yer , firstly pergi ke Dashboard > Design > Edit HTML *tick expand widget . okeyhh , then kita mulakan dgn menekan ctrl + F dah tekan kann ? now cary code ini yaa ?
#main-wrapper {
 dah cary kann ? korunk adding code baru nie di BAWAH coding yang atas nie .
float: right;
thenn dah siap , korunk cari code ini pula okehh ?
 #sidebar-wrapper {
and guna kan ini sekali lagy dan paste kan coding nie di BAWAH coding di atas yaa ?
 float: left;
hahh , preview dulu blog korunk tuh okee ? then dah puas haty ? save lahh ? okehh :) kalau tak paham nie tgok gambar coding yang una pakai sekarang ^^ moga2 paham lah yer ? kalau tak paham gak tanya yer ?

(click untuk tumbesaran)
Hai! Selamat membaca. Jangan lupa tinggal komen ya?

19 comments:

  1. AnonymousJune 11, 2011 at 7:01 PM

    akk,apesal xjdi erk?blh tlg explain?

    ReplyDelete
  2. Husna Hamzah'sJune 11, 2011 at 11:04 PM

    kenapa yeahh ? try tgok coding tuh balik ? tukar left right dya ? then preview ? if tak leh gak akak tak tahu how nak explain lhaa dear ?

    ReplyDelete
  3. huri abeerAugust 5, 2011 at 12:14 PM

    Kak Una , x jadila .. die ade kat bawah skali ..
    Cuba kak Una tengok ..

    ReplyDelete
  4. Husna Hamzah'sAugust 5, 2011 at 3:51 PM

    sarah :) tak jadi sebab width kamu dekat sidebar terlalu besar , sebab tuh dia ke bawah , adjust kan width tuh bagi kecik sikit kayy ?

    ReplyDelete
  5. huri abeerAugust 6, 2011 at 1:52 PM

    samejela , kak Una .. >: code die sarah buat cam gambar kat bwh ni .. kak una tgk mane yg x btol , ek (:

    http://1.bp.blogspot.com/-gnSDsDzk9qE/TjzWAKU-OLI/AAAAAAAAACw/Ur9Gn8BIWTg/s1600/sidebar.jpg

    ReplyDelete
  6. Husna Hamzah'sAugust 7, 2011 at 6:45 AM

    buang padding dekat main wrapper and sidebar tuh
    dekat main wrapper letak margin-left:14px; sidebar pulak margin-right:14px; pastu selain daripada dua margin yg akak bagi nie delete je kayy ?

    ReplyDelete
  7. huri abeerAugust 8, 2011 at 8:04 AM

    Kay , thanx kak Una <3 <3 <3

    ReplyDelete
  8. .September 11, 2011 at 7:06 PM

    kak, saya tak dapat lah carik code tuh. kenape ek?

    ReplyDelete
  9. AnonymousSeptember 16, 2011 at 7:10 PM

    Thanks Akak Una! ^.^

    ReplyDelete
  10. UnknownSeptember 20, 2011 at 10:47 AM

    haaa , sy tahu. Yg tak jadi tuu ce tgk bawah dia. Ade lagi satu code yg sama . Tul tak ?? Situ ade lagi satu float: left; jadi buang yg itu. ce try . Jadi kann ?

    ReplyDelete
  11. Flying Far ▲November 4, 2011 at 6:13 PM

    Kak Una , tak jadie ponn =(

    ReplyDelete
  12. Mimie MeowNovember 22, 2011 at 10:50 PM

    Thnkz kak <3 dh jadi :D

    ReplyDelete
  13. Nurul Azlin Abd Aziz ( Alyn )December 6, 2011 at 12:02 PM

    kak una, kenapa tak jadik? bese je tengok?

    ReplyDelete
  14. AnonymousDecember 6, 2011 at 10:37 PM

    thanx kak una dh jd ..
    saye dh fhm .. kn kat bwh tu kn ade yg nih ---> float: $startSide;
    pdm laa yg tu tampal yg kak una bagi tu ;)

    ReplyDelete
  15. AlyraDecember 20, 2011 at 9:50 AM

    Thanks kak una :)

    ReplyDelete
  16. Athirah ZakiDecember 23, 2011 at 11:02 PM

    Terima kasih :) Banyak kali buat, baru dapat.

    ReplyDelete
  17. Irah ThiraDecember 31, 2011 at 2:08 PM

    kenapa x jadi..boleh tolon explain

    ReplyDelete
  18. qiedah sabriApril 6, 2012 at 8:23 PM

    Jadik!! Thanks kak :3

    ReplyDelete
  19. Ain NurfatehahMay 5, 2012 at 12:06 PM

    Saya boleh bantu . tengok dekat bawah koding yg korang cari tu . ada tak macam ni : float: $endside; ? ganti kod tu dengan yang sys una bagi tu :)) harap menjadi !

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=