블로그를 돌아다니다 보니
오디세이 스킨에 사이드바를 위치 변경하는 방법이 나왔다.
좋은 정보다!!
블로그 주인장에게 허락을 받고 여기에도 공유해본다 (감사합니다!!)
alikong.tistory.com/62#comment12414325
Odyssey 오디세이 스킨 - 사이드 바 위치변경
새로나온 오디세이 스킨을 2단으로 사용할 경우, 사이드 바는 우측에 나오는게 기본입니다. 그런데 이게 굳이 왼쪽에 나오길 원하신다면... html 편집으로 전체를 내부 최상단으로 이동하고 margin
alikong.tistory.com
1. 기존 오디세이 스킨의 사이드바는 오른쪽이다
TISTORY
나를 표현하는 블로그를 만들어보세요.
www.tistory.com
2. 오른쪽보다 왼쪽이 편할 것 같다 (가시성이)
- 본인tistory주소/manage 사이트로 이동 > 꾸미기 > 스킨편집
예) databonanza.tistory.com/manage
- html 편집에서 <body> ~ </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>
3. 완성!!
반응형
'학습 > 블로그' 카테고리의 다른 글
| [티스토리] 오딧세이 스킨 - 본문 너비 변경 (애드핏 광고 안짤리게 하기) (0) | 2021.02.20 |
|---|---|
| [검색] 티스토리 Bing 검색 등록 (Bing Webmaster Tools) (0) | 2021.02.15 |
| [블로그] 티스토리 - 구글 애널리틱스 연동하기 (티스토리 통계 믿을만 한가....) (0) | 2021.01.21 |
| [티스토리] Git gist를 이용한 티스토리 블로그에 코드 넣기 (1) | 2021.01.11 |
| 티스토리 블로그 줄 간격 변경 (odyssey) (1) | 2021.01.05 |