CARA MEMBUAT 3 COLUMN BLOG

Asalammualaikum W.B.T.... SELAMAT DATANG KE RSBUATBLOG.... CARA BELAJAR BUAT BLOG PERCUMA. Terlebih dulu aku nak minta maap ler pada cikgu tuan pasal lama tak jawab soklan di atas...bukan apa kebelakangan nie buzzyyyyy memanjang hehehehe. Wokey pada ari ne aku nak tunjuk cara bagaimana nak tukarkan blog tamplate standard korang yang dua kolumn tu supaya jadi 3 kolumn contoh macam NIE dan NIE tapi sebelum tu aku nk nasihatkan korang supaya berhati2 sebab kita akan ubah script CSS code atau dlm bahasa mudahnya script blogspot.

CARANYA...

1. Mcm biasa login dulu pastu pilih LAYOUT ---> EDIT HTML
2. Backup dulu script asal dengan DOWNLOAD FULL TEMPLATE (LANGKAH BERJAGA2 KALO KORANG TERSALAH EDIT )

3. Cari benda nie
Photobucket

gantikan width: 660px kepada 980px

4. Cari benda nie

Photobucket
gantikan gak with dier mcm gambo kat atas tu

5. k sekarang korang copy code kat bawah nie

#sidebar-wrapper2 {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}

pastu paste jadi mcm gambo kat bawah nie (kena cari code #sidebar-warper)

Photobucket

6. korang taip code nie betul2 antara content-warpper ngan main-warpper cam gambo kat bawah hehehehe takkan asyik nk copy paste jer...kena keja la ciket hehehehe
Photobucket
7. skg cari benda kat bawah nie (yang mana lain kena tuko yg tak de kena tambah mcm margin tu)
Photobucket

8. Lastly copy code kat bawah nie

/* tweaks for wireframe */
body#layout *{margin:0;padding:0;}
body#layout,body#layout #outer-wrapper{width:750px;}
body#layout #main-wrapper{width:40%;}

pastu paste kat bahagian /*footer mcm gambo dibawah

Photobucket

9. SAVE TAMPLATE....pastu try bukak balik layout korang

SEBELUM TU KALU GAMBO X KLUAR KAT BLOG AKU NIE KLICK REFRESH...k settled..enjoyyyyyyyy

NAK TAHU PERKEMBANGAN ARTIKEL INI

Masukkan E-Mail Anda:


Delivered by FeedBurner


10 comments:

  1. SALAM..TIMA KASIH BRO ATAS KESEMPATAN DILUANGKAN UNTUK UPDATE BLOG N ILMU YANG DIKONGSIKAN.MOGA MENDAPAT KERAHMATAN DARI-NYA SENTIASA.INSYA-ALLAH. SYUKRON...
    :-) ENJOYYYYY...

    ReplyDelete
  2. Thanks for ilmunya. Salam ukhuwah

    ReplyDelete
  3. mohon pertolongan...mcmana nak buat banner link??? blh tlg tunjukkan caranya, step by step...TQ

    ReplyDelete
  4. salam...
    prob besar bro. :(
    x menjadi lagi 3 column.
    masalah :
    1. dalam step 3 yang ditunjukkan header img
    cari2 x jumpa,tu kena taip sendiri ke?
    2. main-wrapper dalam step3 tu dengan step
    ke7 mana satu nak ikut.
    3. skrip headings dalam langkah 5 tu kena taip
    sendiri eak?
    4. skrip no 6 x leh nak masuk dalam edit html
    5. yang bahagian footer tu tak nampak laaa typing.

    huhuhuhuh sedih...
    apepun ku tetap usahakan dengan bertanyakan SIFU.
    TIMA KASIH SIFU

    ReplyDelete
  5. To cikgu TUAN

    jawapan :-

    1. Step 3 tu cuma gantikan width: 660px kepada 980px

    2.Kat post nie cuma huruf BOLD jer diamik kira yg lain abaikan..so ikut step 7

    3. x yah copy paste jer yg kena type sendiri step 6.

    4. Skript no 6 kena taip sendiri

    5. bahagian footer copy paste jer mcm gambo tu....nengok betul2 jgn sampai salah nanti kluar gambo bugil hehehehehe

    ReplyDelete
  6. hye..
    np sy xley save ek..
    ye ckp: More than one widget was found with id: Text1. Widget IDs should be unique.

    ReplyDelete
  7. terima kasih blog yg amat padat dgn imformation...cara -cara buat blog yg yg pernah sy jumpa kt tenet ni...semuga anda di limpahi dgn rahmatnya

    ReplyDelete
  8. tak ley save.die ckp..
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The value of attribute "preferred" associated with an element type "null" must not contain the '<' character.

    ReplyDelete
  9. ala..mencinyer tk jadik...
    saya mmg tk terer bab nk wat canggih2 ni

    ReplyDelete

  © Blogger templates The Professional 11pips by 11pips.blogspot.com 2008

Back to TOP