TUTORIAL : Ubah Kedudukan Sidebar dan Post Denim Template

ni tutorial untuk denim template sahaja .

untuk tukar kedudukan post body

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod ini

#main-wrapper 

3. korang akan jumpa kod macam bawah ni kan ?

  #main-wrapper {

  margin-$startSide: 14px;

  width: 680px;

  float: $startSide;

  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 */

  }

4. tukarkan code yang NZ highlightkan supaya jadi macam bawah ni 

#main-wrapper {

  margin-right: 14px;

  width: 680px;

  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 */

  }

5. Preview dan kalau jadi terus SAVE !

+++++++++++++++++++++++++++++++++++++++++

untuk tukar kedudukan sidebar

1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari kod ini

#sidebar-wrapper 

3. korang akan jumpa kod macam bawah ni kan ?

#sidebar-wrapper {

  margin-$endSide: 14px;

  width: 290px;

  float: $endSide;

  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 */

}

4. tukarkan code yang NZ highlightkan supaya jadi macam bawah ni  

#sidebar-wrapper {

  margin-left: 14px;

  width: 290px;

  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 */

 }

5. Preview dulu dan kalau dah jadi bolehlah SAVE yee !