Memperlebar Blog

Assalamualaikum Warahmatullah .. gue akan coba nih cara bikin blog makin gede lagi ..

soo langsung aja yahh !!

> Login blogger loe

> Klik Rancangan

> Klik EDIT HTML 

> Centang "EXPAND TEMPLATE WIDGET"

HEADER BLOG

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Header Blog : Tempat Judul diletakkan

Halaman blog

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

Halaman Blog : lebar dari Blog loe


Halaman Posting

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


Halaman posting : tempat naro sharing / postingan loe
Sidebar Blog

#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 */
}
Sidebar : Tempat buat menaruh gadget2 biasanya


Footer Blog

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Note : Kalo mau ganti lebar nya .. ganti aja angka tinta merah sesuai keinginan loe

> Save dan lihat hasilnya
 
FOLLOW and COMMENT !!!!! 

Posted in: Tips and Trik