Moving Sidebar From Right to Left // Tuesday, November 8, 2011
*gambar tiada kaitan
Hari ini saya mau bikin tutorial cara memindahkan sidebar gadget dari kanan ke kiri. I think tutorial ini just for tempelate 2006 such as: Denim, Denim Washed, Minima, dll. Kalau misalnya di tempelate Designer ada kodenya, maybe bisa dipakai di tempelate Designer juga.
Biasanya kan kalau pakai tempelate Denim kayak punya Lettha ini sidebarnya kan ada di kanan (arah kita) ya kan? terus kalau mau di pindah ke kiri nggak bisa lewat Tempelate Designer karena ini tempelate 2006 :)
Dashboard >>Design >>Edit HTML
Cari kode:
#main-wrapper {
dan kode:
#sidebar-wrapper {
Kalau dah ketemu, lihat seluruh kode mereka:
#main-wrapper {
margin-$startSide: 14px;
width: 400px;
float: $startSide;
background-color: #ffffff;
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 */
}
- Merah itu DELETE then gantikan dengan kode:
margin-$endSide: 14px;
- Biru DELETE then gantikan dengan kode:
float: $endSide;
dan yang sidebar:
#sidebar-wrapper {
margin-$endSide: 14px;
width: 240px;
float: $endSide;
background-color: #ffffff;
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 */
}
- Merah DELETE then gantikan dengan kode:
margin-$startSide: 14px;
- Biru DELETE then gantikan dengan kode:
float: $startSide;
PREVIEW DULU !!! Kalau dah puas, click Save Tempelate :]
P/s: Jangan jadi COPYCATT ini tutorial Lettha yang menemukan (believe or not, i don care)