티스토리 Odyssey 오디세이 스킨 사이드바 위치 바꾸기

티스토리에서 현재 인기가 가장 많은 스킨은 오디세이 스킨이다.

필자 또한 깔끔해서 잘 사용하고 있다.

근데 예전에 사용하던 네이버 블로그와 같은 곳에서 사이드바가 항상 왼쪽에 있어서 그런지 불편했다.

 

오디세이 스킨의 사이드바를 왼쪽으로 위치를 바꿔주기 위해선 

블로그 관리에 들어간 후,

꾸미기 -> 스킨 편집 -> html 편집 에 들어가서 맨 하단의 </body> 앞에 아래 코드를 복붙해주면 된다.

무척 간단하다.

<style>
  @media screen and (min-width: 1061px) {
    .wrap-right .area-aside {
      margin: 32px 80px 0 0;
    }
  }
</style>
<script>
  var _main = document.querySelector('.main');
  var areaMain = document.querySelector('.area-main');
  var areaAside = document.querySelector('.area-aside');
  _main.insertBefore(areaAside, areaMain);
</script>