Area postingan dan mengecilkan sidebar harus memiliki jumlah atau lebar yang berkaitan agar template anda tidak berantakan.Sebenarnya saya ingin memasang postingan ini pada postingan sebelumnya yaitu "Tips menyembunyikan sidebar di Homepage".
Saya beri bocoran dulu,jika anda mengetahui bocoran ini anda tidak akan tabrakan yang saya sebut diatas.Area Postingan memiliki Lebar "410" dan area sidebar "area outer - area main-wrapper(lebar postingan)", kalian boleh mengalihkan angka tersebut akan tetapi jangan memberantakan angka tersebut perselisihannya harus seimbang berikut kode sepenuhnya antara sidebar dan area postingan.
#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-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 */
}
Pada Width diatas yang saya beri warna merah ganti dengan perselisihan pemikiran anda pokoknya harus menghasilkan 630px untuk seluruh halaman,selisihnya harus sama dengan selisi area postingan dan sidebar sama,Salah satunya adalah 450px dan 180 hasilnya 630 atau 440px dan area disebar 190px.
Berikut gambar yang saya upload di salah satu blog terupdate dan baik "masdoyok"
Jadi langkah akhir yang harus anda lakukan untuk melebarkan area posting setelah anda mengetahui cuplikan diatas adalah menambahkan kode berikut diatas </head>.
<b:if cond='data:blog.pageType != "item"'>
<style>
#main-wrapper{
width: 710px;
}
</style>
</b:if>
-Note
Kode yang bewarna merah adalah kode untuk melebarkan area postingan,tentukan jumlah area postingan sesuai penjelasan saya yang bisa disingkat Area sidebar + Area Postingan yang asli yang pastinya tidak akan melampaui area outer wrapper
0 komentar:
Poskan Komentar