Cara Melebarkan Sidebar Pada Blog

Cara ini pernah kita bahas sebelumnya namun kayaknya udah basi untuk kita kemukakan hari ini, mungkin lebih baik kita bahas yang anyar anyar aja, what itu anyar..??? 

Yuk kita mulai siap yach pak guru di depan mau nerangin pelajarannya,murid-murid harap tenang di belakang, pertama kamu 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, oke segitu dulu penjelasannya kalau nggak ngerti ngacung, terus tulisin di komentar yach..!

Share |

Artikel Terkait :