Kamis, 30 Desember 2010

Tips Membuat Lebar Blog

Anda bosan dengan blog anda yang mungkin menurut anda terlalu kecil atau malah kebesaran, anda tidak perlu bingung, saya akan memberikan solusinya kepada anda, sebenarnya Setiap template memiliki ukuran-ukuran tersendiri,
Namun sebelum melakukan pengeditan saya sarankan untuk membackup template anda terlebih dahulu.
langsung saja anda ikuti beberapa tahap pengeditannya dibawah ini
1. login ke blogger
2. masuk ke tata letak (layout) >> Edit html
3. jangan lupa memberi tanda centang pada Expand Widget Template
4. jika anda ingin mengubah lebar blog anda untuk menjadi kecil atau besar anda dapat mengubah angka widthnya seperti yang saya sudah hitam tebalkan dibawah sesuai keinginan anda.
5. jika sudah simpan template
6.lihat hasilnya
saya sarankan sebelum melakukan pengeditan perhatikan kode-kode berikut:

Header blog adalah tempat judul blog anda diletakkan

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Halaman blog adalah lebar dari blog anda sendiri
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Halaman posting ini adalah tempat posting anda diletakkan
#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 */
}
Sidebar blog ini adalah tempat anda meletakkan gedget
#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 */
}
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;
}

Tidak ada komentar:

Posting Komentar