Mengubah Template Stertch Denim Menjadi Tiga Kolom

Sepertinya untuk merubah template yang satu ini tidaklah susah, dibandingkan dengan template yang lainnya, sepertinya template yang satu ini sangat mudah untuk kita jadikan menjadi tiga kolom. Jadi jika kalian ingin mencoba Trik Hack ini. Langsung saja lihat di bawah.

Untuk merubah template Streth Denim dan Streth Denim Light tentu berbeda dengan merubah template Denim dan Washed Denim. Lalu bagaimana untuk merubah template yang satu ini? Untuk merubahnya menjadi tiga kolom, ikuti trik berikut ini.

Pertama, cari kode berikut:

#main-wrapper {
margin-left: 1%;
width: 64%;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-right: 1%;
width: 29%;
float: right;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

Jika sudah, gantikan kode di atas sehingga menjadi seperti berikut:

#main-wrapper {
margin-left: 1%;
width: 54%;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 {
margin-right: 1%;
width: 21%;
float: right;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

#newsidebar-wrapper {
margin-left: 1%;
width: 21%;
float: left;
background-color: $mainBgColor;
display: inline; /* fix for doubling margin in IE */
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 */
}

Jika sudah, selanjutnya tambahkan kode berikut di atas kode <div id='main-wrapper'>

<div id='newsidebar-wrapper'>
<b:section class='sidebar' id='newsidebar' preferred='yes'>
<b:widget id='NewProfile' locked='false' title='About Me' type='Profile'/>
</div>

Sudah selesai. Mudah kan?

Ternyata Halaman Yang Ini Bagus Juga Untuk Di Cetak: Cetak Halaman Ini

Masukkan Email Kalian Untuk Mendapatkan Artikel-Artikel Seperti Di Atas:

Delivered by FeedBurner