Cara Merubah dan Melebarkan Sidebar Pada Blog
Cara merubah melebarkan sidebar pada blog sebenarnya sudah banyak di bahas di blog para master. Namun gak ada salahnya jika Blogger Beken kembali bagikan kepada Sobat yang belum tahu dan membutuhkan tutorial ini. Dan alasan lain yaitu biar sobat yang berkunjung ke blog semrawut ini tidak repot-repot mencari di blog lain .. hehe.
Terkadang untuk kenyamanan tampilan blog kadang kita perlu memperlebar sidebar blog kita agar menjadi rapi dan sesuai dengan kebutuhan yang kita inginkan. Nah untuk melakukan itu pertama Sobat harus paham apa itu Header, Outer dan Footer.
#main-wrapper -adalah tempat posting(entri)
#sidebar-wrapper-adalah widget atau gadget tempat menyimpan perhiasan Blog(acsesories Blog)
#outer-wrapper- adalah luas keseluruhan daripada blog kamu,
contoh untuk melebarkan sidebar ,
/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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: right;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 */
Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,
sidebar wrapper 250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin melebarkan main wraper sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper.
Ok. Sekian aja sob, semoga penjelasan singkat diatas bermanfaat.
Terkadang untuk kenyamanan tampilan blog kadang kita perlu memperlebar sidebar blog kita agar menjadi rapi dan sesuai dengan kebutuhan yang kita inginkan. Nah untuk melakukan itu pertama Sobat harus paham apa itu Header, Outer dan Footer.
#main-wrapper -adalah tempat posting(entri)
#sidebar-wrapper-adalah widget atau gadget tempat menyimpan perhiasan Blog(acsesories Blog)
#outer-wrapper- adalah luas keseluruhan daripada blog kamu,
/* Outer-Wrapper
—————————————— */
#outer-wrapper {
width: 840px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
float: left;
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: right;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 */
Lebar main-wrapper 410px sedangkan lebar sidebar-wrapper 220px,
jika yang ingin di lebarkan sidebar-wrapper maka lebar main-wrapper di kurangi contoh,
sidebar wrapper 250px ( ditambah 30px ) , main wrapper di kurangi 30px , jadi nilai main wrapper = 380px, begitu juga sebaliknya,
tapi jika ingin melebarkan main wraper sedangkan sidebar-wrapper tetap maka kamu harus lebarkan
outer-wrapper,misalnya main-wrapper 410px+10px jadi 420px maka outer-wrapper 840px+10px jadi
850px,begitu juga sebaliknya bila yang ingin di lebarkan sidebar-wrapper tinggal tambahkan saja outer-wrapper.
Ok. Sekian aja sob, semoga penjelasan singkat diatas bermanfaat.
