Cara Edit Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Ukuran lebar header, posting, sidebar, footer atau lebar template secara keseluruhan penting untuk diketahui. Sehingga saat anda ingin mengedit template, mengubah atau menambah lebar bagian-bagian template tadi, anda sudah mengetahui dibagian mana yang harus anda edit. Nah sebagai pengenalan awal, kita harus mengenal dulu elemen dalam susunan CSS template yang disebut dengan wrapperBerikut penjelasanya :

1.Untuk mengedit ukuran/lebar Halaman Blog
Cari kode di bawah ini:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
2.Untuk mengedit ukuran/lebar 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 */
}
3.Untuk mengedit ukuran/lebar Sidebar Blog
Cari Code 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 */
}
4.Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
5.Untuk mengedit 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;
}

Kalau anda tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (lebar) dan height:(tinggi). Demikian terima kasih.

Archive