Kurang lebar blog anda? ini solusinya "Memperlebar Halaman Teamplates"
Merubah Template baik untuk di kecilkan maupun di perluas, adalah kendala yang sering dihadapi oleh para blogger. dengan ini akan di bahas cara merubah template jadi lebar.
Outer-wrapper: Lebar template secara keseluruhan
Main-wrapper: Bagian dimana kita biasa posting artikel
Sedebar-wrapper : biasanya terletak di kanan atau kiri dari main wraper
Header- wrapper: Bagian paling atas dari template
Footer-wrapper : Dasar atau berada paling bawah
Sekarang masuk ke blog sobat, klik tata letak kemudian edit html.Pada edit
html sobat tidak perlu kasih centang pada Expand template widget.
Kemudian cari code sebagai berikut:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
overflow: hidden;
Sobat bisa ganti ukuran pada teks yang berwarna merah. Sobat bisa ganti dengan ukuran berapa saja,biar keliatan rapi sesuaikan ukurannya. Misal :
#wrapper{
width:1000px;
margin:0px auto 50px;
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
Jika lebar outer-wrapper: 950px maka jarak main-wraper dan sedebar-wraper harus di sesuai:
Main-wrapper:500px
Sidebar-wrapper: 400px
Sedang sisanya yang 50px merupakan jarak agar sidebar dan postingan blog tidak berhimpitan.
Setelah itu jangan lupa sesuaikan juga lebar header-wraper dan footer-wraper sama dengan outer-wraper
#header-wraper{
width: 950px
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#footer-wrapper {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
Outer-wrapper: Lebar template secara keseluruhan
Main-wrapper: Bagian dimana kita biasa posting artikel
Sedebar-wrapper : biasanya terletak di kanan atau kiri dari main wraper
Header- wrapper: Bagian paling atas dari template
Footer-wrapper : Dasar atau berada paling bawah
Sekarang masuk ke blog sobat, klik tata letak kemudian edit html.Pada edit
html sobat tidak perlu kasih centang pada Expand template widget.
Kemudian cari code sebagai berikut:
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
overflow: hidden;
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
overflow: hidden;
Sobat bisa ganti ukuran pada teks yang berwarna merah. Sobat bisa ganti dengan ukuran berapa saja,biar keliatan rapi sesuaikan ukurannya. Misal :
#wrapper{
width:1000px;
margin:0px auto 50px;
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word;
overflow: hidden;
Jika lebar outer-wrapper: 950px maka jarak main-wraper dan sedebar-wraper harus di sesuai:
Main-wrapper:500px
Sidebar-wrapper: 400px
Sedang sisanya yang 50px merupakan jarak agar sidebar dan postingan blog tidak berhimpitan.
Setelah itu jangan lupa sesuaikan juga lebar header-wraper dan footer-wraper sama dengan outer-wraper
#header-wraper{
width: 950px
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#footer-wrapper {
width:950px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
Perhatikan, kata "wrapper" adalah intinya, mungkin tiap Template blog berbeda-beda. Yang perlu di rubah teks yang berwana hijau. Jika sudah klik pratinjau atau preview,kalau dirasa sudah cocok baru di save. Selamat berkarya jangan sampe salah perintah tar gak mantap...!!!
0 comments:
Post a Comment
Komen yang bijak sangat di nantikan...! Terimakasih..