Cara Mengubah Ukuran Template Dan Elemen Blog

Bagaimana Cara Mengubah Ukuran Template Dan Elemen Blog -Mengenai masalah tentang cara mengubah ukuran template dan elemen blog saya sekarang sudah tahu bagaimana cara mengubah ukuran template dan elemen blog pada saat saya sedang editing blog saya melihat kode kode width dan px nah dari itulah saya tahu bagaimana cara mengatur ukuran lebar dan ukurannya.


Tahap pertama :

* Login ke Blog sobat
* Klik Tata Letak
* Klik Edit HTML
* Backup dulu template sobat (recomended)


Untuk mengubah ukuran Halaman Blog
Cari kode di bawah ini:

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


Keterangan:
Untuk memudahkan mencari Kode di Atas gunakan bantuan dengan menekan Ctrl + F
Untuk mengubah ukuran lebar Halaman Blog, sobat cukup mengubah angka pada width sesuai dengan keinginan sobat

Untuk mengubah ukuran Halaman Posting
Cari kode di bawah ini:

Spoiler:
#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 */
}


Untuk mengubah ukuran Sidebar Blog
Cari kode di bawah ini:

Spoiler:
#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 */
}


Untuk mengubah ukuran Header Blog
Cari kode di bawah ini:
Spoiler:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


Untuk mengubah ukuran Footer Blog
Cari Code di bawah ini:
Spoiler:
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Keterangan :
Untuk memudahkan mencari Kode di Atas gunakan bantuan dengan menekan Ctrl + F
Untuk mengubah semua ukuran yang di atas, sobat cukup mengubah angka pada width sesuai dengan keinginan sobat.