Membuat Blog Lebih Lebar

Rabu, 29 April 2009


Membuat Blog Lebih Lebar

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
#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 diletakkan 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 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

Labels: