취미5 블로그

티스토리 오딧세이 odyssey 스킨 사이드바 수정하는 방법 html 코드 공유

Newb 뉴비 2022. 12. 26. 16:19
728x90
반응형

별거 아니긴하지만 처음해보는 입장이라 꽤나 헤맨 스킨 적용방법 ㅠㅠ

힘들게 변경해서 저 같은 분들이 계실까해서 공유합니다

 

1. 티스토리 기본 화면에서 내 프로필 사진 클릭하기

 

2. 톱니바퀴 누르기

3. 스킨 변경으로 들어가서 기본 스킨 중 오딧세이 odyssey  스킨을 적용해줍니다.

4. 스킨 편집

 

5. 기존 odyssey 스킨은 아래 빨간 네모쪽에 사이드바 (메뉴바)가 위치해 있었는데요! 

요걸 아래 캡쳐화면 처럼 왼쪽으로 옮겨보려고 합니다!! 

html 편집 누르기

 

6. 이렇게 한눈에 봐도 복잡해보이는 @.@ 편집기가 나오는데, 

안쪽의 스크롤바를 쭉 내려 맨아래쪽으로 가줍니다!!

 

7. <body> ~ </body> 사이에 아래 코드를 복붙해서 넣어주면 됩니다! 

(= 그냥 맨~ 아래로 내려서 </body>위쪽에만 넣어주면 완성!!)

🙋‍♀️🙋‍♀️ 코드 여깄어요!!🙋‍♂️🙋‍♂️

출처는 databonanza.tistory.com/manage

<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>
728x90
반응형