티스토리 블로그 사이드바 위치 변경

티스토리 블로그에서 제공해주는 2단형 스킨을 보게 되면 사이드바가 우측에 위치해있는 스킨이 많습니다. 

본문과 사이드바의 구글 애드센스 배치를 원하는 방향으로 하고 싶을 때가 있습니다. 그런데 블로그 레이아웃을 마우스 클릭만으로 쉽게 변경하는 방법이 없으니 난감한 경우가 생길 수 있겠죠. 

위치 변경 전에 다른 사이드바 설정은 하지 않는게 좋습니다. 티스토리 블로그 사이드바 위치 변경을 위해서 1. 관리 페이지로 들어가야만 합니다. HTML / CSS 편집을 누르시면 화면 우측 상단에 HTML CSS 파일업로드 항목이 보이실텐데요. 

2. CSS 항목을 눌러주세요. 3. CSS 내용들이 적혀있는 곳 빈공간에 마우스를 한번 클릭하신 후 (이렇게 안하면 엉뚱한 검색창이 뜨는 경우가 있습니다) 키보드의 Ctrl + F 를 누릅니다. 4. 검색창에 블로그 레이아웃을 입력합니다.

블로그 레이아웃에 관한 CSS 정보가 나옵니다.

그 중에 사이드바 위치 변경을 해야하는데요.

sidebar float가 본인의 블로그 

사이드바 위치를 나타냅니다.

사이드바만 변경하시면 안되고 본문 내용이 담긴

content float 역시 바꿔야겠죠. 

사이드바랑 위치를 바꾸시면 됩니다.

변경 사항을 저장합니다. 

저장 버튼은 화면 우측 상단에 있습니다.

티스토리 블로그 사이드바 위치 변경

결과를 확인하기 위해 새로고침 버튼을 누릅니다.

간혹 위치 변경이 안된 경우가 생길 수 있습니다.

제가 경험한 바에 따르면 가로 300짜리 구글 애드센스를

사이드바에 삽입하기 위해 먼저 사이드바 사이즈를

변경, container 가로 픽셀 변경을 한 후 사이드바 위치를 바꾸는

설정을 했더니 새로고침해도 변화가 없더군요.

그래서 변경 전 상태로 저장된 스킨을 다시 불러와

사이드바 위치 변경만 css에서 설정했더니

문제 없이 잘 적용되었습니다.

그래서 서두에 위치 변경 전에 다른

사이드바 설정을 하지 말 것을

권장해드린 것입니다.