티스토리 오디세이 스킨 사이드바 좌측 이동하는 법

 

 

사이드바를 왼쪽에 있는게 더 보기편하고 좋아서 좌측이동법을 찾았다

 

 

https://moxnox111.tistory.com/200

오디세이(Odyssey) 스킨의 사이드바를 왼쪽으로 옮기는 방법

 

위 를 참고하면 된다. 하지만 나는 참고해도 작동되지 않아 내가 직접 코드를 보고 고쳐야했다. 만약 나와 같이 안되는 분들은 내가 적용한 방법을 해보는 것도 좋을 듯하다

 

1. 블로그 관리 -> 좌측메뉴바에 스킨편집 클릭

사이드에 있는 스킨편집 클릭

2. 스킨편집에서 좌측 상단에 위치한 'html편집' 버튼 클릭

html 버튼 클릭

 

 

3. CSS 클릭

좌측 상단에 있는 CSS 버튼 클릭

 

 

4. 코드 삽입

css 코드 맨 밑으로 이동해서 아래 코드를 복붙한다

/*20211220 사이드바 좌측이동*/
@media screen and (min-width:1061px){
  .main{
	  flex-direction : row-reverse;
	}
	.article-header .box-meta{
		margin-left:380px
	}
}

복붙하고 적용하기 버튼후 새로고침 하면 적용되어있다. 그런데 사이드바가 좌측에 있기는 한데 이상하게 공백을 먹는다 그러면 line 283에 가서 margin 값을 주석처리 했다 주석처리는 아래 와 같다

    .wrap-right .area-aside {
			  /*20211220-사이드바 좌측이동으로 인해 아래 코드 주석처리*/
        /* margin: 32px 0 0 80px; */
    }

 

깔끔하게 적용되었다.