사이드바 위치 뚝딱 바꾸기

※화면 상태가 흐릿하니 화면을 125% 이상으로 확대해서 보시기 바랍니다. 새벽 5시가 다가오는 때여서 눈이 저절로 감깁니다. 추후 다시 수정하겠습니다.

 

티스토리 블로그 스킨은 내 마음에 드는데 사이드바 위치가 마음에 들지 않을 때, 왼쪽 또는 오른쪽으로 간단하게 위치를 변경할 수 없을까.

 

2단 스킨 사이드바 위치 변경 방법을 소개합니다. 먼저 티스토리 관리자 모드로 들어가기에 앞서 티스토리 스킨 저장부터 하는 게 좋습니다. 자칫하면 일어날 수 있는 '대형 참사'에 대비하기 위함입니다.

 

스킨 저장과 복원 방법을 알면 걱정 없이 스킨을 변경할 수 있습니다. 스킨 변경에 실패해 되돌릴 수 없는 사고를 당해 보면, 그 두려움에 두 번 다시 스킨을 꾸며 볼 엄두를 못내게 됩니다. 스킨을 변경하기 전에 저장하는 습관을 들이면 실패 위험이 없고 자신감도 붙습니다.

 

티스토리 스킨 저장하기, 티스토리 스킨 복원하기

 

그럼, 관리자 모드로 들어갑니다.

1번 HTML/CSS 편집 항목을 클릭하면 2번 style.css 항목에 있는 소스가 나옵니다.

 

 

 

다음엔 Ctrl + F를 이용해 float를 검색합니다. 스킨별로  float 항목의 위치와 수효가 다르니 content의 float

항목과 sidebar의 float 항목을 찾아가 수정해야 합니다.

먼저 아래와 같이 content  float 항목의 left를 right로 바꾸어 줍니다.

 

 

 

 

이어 아래처럼 sidebar float 항목의 right를 left로 변경하면 사이드바 위치가 바뀝니다.

소스 변경을 저장하기 전에 '미리보기'를 이용해 원하는 대로 변경되었는지 확인하시기 바랍니다.

우측에서 좌측으로 이동한 사이드바가 방긋 웃고 있을 겁니다.

 

 

 

왼쪽에 있는 사이드바를 오른쪽으로 옮기려면 위의 글 내용과 반대로 시도하면 됩니다. 수고하셨습니다.^^