Tapi sebelum melakukan pengediatan saya sarankan untuk membackup template anda.
langsung saja pada tahap pengeditannya
1. login ke blogger
2. masuk ke tata letak (layout) >> Edit html
3. jangan lupa memberi tanda centang pada Expand Widget Template
sebelum melakukan pengeditan perhatikan kode-kode berikut:
Header blog
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
header blog adalah tempat judul blog anda diletakkan
Halaman blog
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
halaman blog adalah lebar dari blog anda
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 */
}
ini adalah tempat posting anda diletakkanSidebar 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 ini adalah tempat anda meletakkan gedget
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;
}
4. jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah pada text yang berwarna merah sesuai keinginan anda.
5. jika sudah simpan template
6.lihat hasilnya
0 komentar: