Cara buat template blogspot sendiri (Part-2) Atur lebar

Posted
  • by
  • Perantau Senja
  • in
  • category:
  • Artikel dari part 1 disini.


    Untuk artikel part-2,disini cara bagaimana kita mengatur saiz lebar blog degan code css tertentu.
    Setalah anda memasukan code blank template dari part 1 sila perhatikan code dibawah:

    body {
    font: $(body.font);
    color: $(body.text.color);
    background: $(body.background);
    padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
    $(body.background.override) margin: 0;
    padding: 0;
    }

    sekarang untuk mengatur saiz lebar blog anda sila tukarkan/gantikan code diatas dengan code dibawah ini.

    body {
    background: #EAEAEA url(http://i.imgur.com/Cw1kr.jpg);
    width: 980px;
    color: #111111;
    margin: 0 auto 0;
    padding: 0;
    font: 12px Arial, Tahoma, Verdana;
    }
    a, a:visited {
    color: #0072bc;
    text-decoration: none;
    }
    a:hover {
    color: #3b5998;
    text-decoration: none;
    }

    Perhatikan pada tulisan yang bewarna:
    background: #EAEAEA url(http://i.imgur.com/Cw1kr.jpg); (warna background blog)
    width: 980px; (saiz lebar blog anda)
    color: #111111;(warna tulisan blog)
    margin: 0 auto 0;
    padding: 0;
    font: 12px Arial, Tahoma, Verdana; (jenis dan saiz tulisan blog)
    }
    a, a:visited {
    color: #0072bc; (warna link)
    text-decoration: none;
    }
    a:hover {
    color: #3b5998; (warna link ketika dituju)
    text-decoration: none;
    }

    Lihat Demo Yang dikemaskini Klick Disini

    * Untuk Keterangan sila baca posting dari Part 1

     
    Copyright (c) 2010 Psenja.Com by Perantau Senja
    I work for : GilerMedia, Ask Me Here : Ask.fm/perantausenja