Merubah Lebar Template Blog

Merubah Lebar Template Blog

Ukuran Template Blog atau Website sebaiknya disesuaikan agar tidak terlalu kecil dan terlalu lebar. Template dengan ukuran 900px terlihat kecil sekali pada widescreen, dan ukuran 980px kalo menurutku terlalu lebar. Template blog ini pada awalnya mempunyai lebar 900px tp saya ganti menjadi 940px agar tidak terlihat kecil oleh pengunjung blog ini.


buat temen-temen yang merasa templatenya kekecilan tapi gak mau ganti template.
bisa mencoba tutorial berikut ini :




Mengedit Header Blog :

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


Mengedit Ukuran Halaman Blog :

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}


Mengedit Ukuran Halaman Posting :

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;/* fix for long non-text content breaking IE sidebar float */
}


Mengedit Sidebar Blog :

#sidebar-wrapper {

width: 220px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Mengedit Footer Blog :

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


Catatan : Lebar Header Blog, Halaman Blog, Footer Blog harus sama ,, diusahkan agar Lebar Halaman Blog serasi dengan Sidebar, Halaman Posting, dan Footer karena jika tidak akan ada elemen yang melorot.

Posted by Pendi Ari Wibowo