Kamis, 04 Februari 2010

Tips menambah dan memperlebar kolom pada template blog

- sign in ke blog kamu
- pilioh layout kemudian edit HTML
- jangan mencentang expand widget templates (penting)
- cari kode seperti ini :

#header-wrapper {
width:660px; >>>>>>>>> rubah menjadi 880px
margin:0 auto 10px;
border:1px solid $bordercolor;
}

- cari kode seperti ini :

#outer-wrapper {
width: 660px; >>>>>>>>> rubah menjadi 880px
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

- cari kode seperti ini :

#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 */
}
- copykan kode di bawah ini tepat dibawah kode seperti diatas :

#sidebarbaru-wrapper {
width: 220px;
float: right;
psdding-left:10px;
word-wrap: break-word;
overflow: hidden;
}

- cari kode seperti ini :

#footer {
width:660px; >>>>>>>> rubah menjadi 880 px
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

- cari kode seperti ini :

< id="'sidebar-wrapper'">
< class="'sidebar'" id="'sidebar'" preferred="'yes'">
...
...
< /b:section>
< /div>

- copykan kode dibawah ini tepat di bawah kode seperti di atas :

< id="'sidebarbaru-wrapper'">
< class="'sidebar'" id="'sidebarbaru'" preferred="'yes'/">
< /div>

- klik tombol simpan template dan silahkan preview blog kamu
- selesai

Tidak ada komentar:

Posting Komentar