cara merubah ukuran posting pada blog
Label: cara merubah ukuran posting pada blog , Untuk mengubah ukuran Footer Blog , Untuk mengubah ukuran Header Blog , Untuk mengubah ukuran Sidebar Blog
berikut adalah cara merubah ukuran posting pada blog gk begitu susah koq hanya butuh ketelitian saja ketika mencari dimana letak yg harus dirubah, oke kita mulai saja,kita mulai dari:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#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 */
}
#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 */
}
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Untuk mengubah ukuran Halaman Blog
Cari kode di bawah ini:#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 + FUntuk mengubah ukuran lebar Halaman Blog, kalian cukup mengubah angka pada width sesuai dengan keinginan kalian.
Untuk mengubah ukuran Halaman Posting
berbeda dengan yang diatas yang ini untuk merubah ukuran halaman posting
Cari kode di bawah ini:#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 */
}
Keterangan :
Untuk memudahkan mencari Kode di Atas gunakan bantuan dengan menekan Ctrl + FUntuk mengubah ukuran lebar Halaman Posting, kalian cukup mengubah angka pada width sesuai dengan keinginan kalian.
Untuk mengubah ukuran Sidebar Blog
Cari kode di bawah ini:#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 */
}
Keterangan :
Untuk memudahkan mencari Kode di Atas gunakan bantuan dengan menekan Ctrl + FUntuk mengubah ukuran lebar Sidebar Blog, kalian cukup mengubah angka pada width sesuai dengan keinginan kalian.
Untuk mengubah ukuran Header Blog
Cari kode di bawah ini:#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Keterangan :
Untuk memudahkan mencari Kode di Atas gunakan bantuan dengan menekan Ctrl + FUntuk mengubah ukuran lebar Header Blog, kalian cukup mengubah angka pada width sesuai dengan keinginan kalian.
Untuk mengubah ukuran Footer Blog
Cari Code di bawah ini:#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 + FUntuk mengubah ukuran lebar Footer Blog, kalian cukup mengubah angka pada width sesuai dengan keinginan kalian.
setelah selesai mengedit jangan lupa klik save atau simpan yah biar gk sia sia ngedit nya : ) selamat mencoba teman.
