Blog berisi artikel tutorial servis computer, Tips trik masalah komputer, tutorial blog, bisnis online, dan internet solutions.


Minggu, 30 Juni 2013

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,

Gambar Cara merubah melebarkan sidebar pada blog
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.

Previous
Next Post »