
Mungkin template anda terlalu sempit atau mungkin juga kurang lebar dan anda ingin merubah template menjadi lebar atau sedikit ingin melebarkannya, dan ini ada beberapa cara untuk merubah halaman template anda, dan ini cara sederhana untuk melebarkan teplate anda.
Dan bagaimana Cara melebarkan template blog
Caranya sebagai berikut :
- Pertama yang perlu di ketahui ada beberapa bagian template yang nantinya bisa kita rubah antara lain.
Header- wrapper: Bagian paling atas template
Outer-wreper : Lebar secara keseluruhan
Sedebar-wrapper : terletak di kanan atau kiri dari main wraper
Main-wrapper: Bagian biasa kita posting artikel
Footer-wrapper : paling bawah
- Masuk ke blog sobat, klik tata letak > edit html
Cari skrip berikut: (supaya gampang mencarinya pakai control F )
#outer-wrapper {
width: 550px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 310px;
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: 120px;
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 */
width: 550px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 310px;
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: 120px;
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 */
Anda bisa ganti yang berwana biru seperti angka 550, 310, 120
Contohnya seperti di bawah ini :
#outer-wrapper {
width: 650px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 400px;
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: 300px;
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 */
width: 650px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 400px;
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: 300px;
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 */
Apabila lebar outer-wrapper: 650px jadi jarak main-wraper dan sedebar-wraper harus di sesuaikan.
Main-wrapper: 400px
Sedebar-wrapper: 300px
Sisanya yang 50px merupakan jarak postingan blog agar tidak berhimpitan
jangan lupa sesuaikan juga header-wraper dan footer-wraper sama dengan outer-wraper
#header-wraper{
width: 650px
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#footer {
width:650px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
width: 650px
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#footer {
width:650px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
Setelah selesai di sarankan untuk di pratinjau dulu berhasil atau tidak jika berhasil, silahkan lanjutkan untuk menyimpannya. sekian semoga bernfaat dan tetap semangat.
BACA JUGA INI :
Cara mencari lokasi nomor HP seseorang
Banyak orang tidak bisa menikmati GPS kerena kendala biaya, GPS hanya bisa di akses oleh melalui hp canggih seperti android smartphone
Cara membuat facebook
Cara membuat facebook -Untuk memiliki akun facebook tidak dipungut biaya yaitu GRATIS. buat anda yang belum mengerti cara membuat
Membuka situs yang diblokir menggunakan proxy cara Membuka situs yang diblokir menggunakan proxy , proxy merupakan sebuah perantara yang menghubungkan komputer dengan internet
Setting modem 3
Three / 3 merupakan salah satu Operator seluler terbesar di Dunia, Three mempunyai jaringan di berbagai negara, seperti Australia
Cara membuat hotspot di laptop tanpa software Membuat Hotspot menggunakan software sudah banyak dibahas dan biasa oleh berbagai kalangan,





Tidak ada komentar:
Posting Komentar