Setiap template memiliki ukuran-ukuran
tersendiri,jika secara kebetulan blog anda mempunyai ukuran yang sangat
lebar atau malah kekecilan,nah saya punya solusinya untuk
memperperbesar atau memperkecil suatu blog.
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
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
5. jika sudah simpan template
6.lihat hasilnya
Tidak ada komentar:
Posting Komentar