라비아

티스토리 2단스킨 사이드바 위치 바꾸기 팁




티스토리 스킨 중에서 가장 많이 사용하는 것이 아마도 2단짜리 스킨이 아닐까 생각합니다.
제 경험상 2단짜리를 제일 선호하는 것 같고, 최근에는 심플하게 1단짜리 스킨을 사용함으로써
본문에 집중할 수 있도록 만드신 분들도 꽤 있더라구요ㅋㅋ

저또한 2단짜리 스킨을 사용하고 있는데,
블로그를 꾸미다보면 이것저것 하고싶어지는 것들이 많습니다.
특히나 html 이나 css 소스를 만지다보면 할 수 있는것들이 무궁무진하다는 것을 알게되는데요,
오늘은 그중 하나인 2단스킨 사이드바 위치 바꾸기에 대한 팁을 알려드리고자 합니다.

사실 알고보면 정말로 쉬운데요,
소스 자체를 보면 지레 겁먹고 혹시라도 잘못될까봐 건드리기 껄끄러워 하시는 분들도
있을겁니다. 혹시라도 망칠것을 대비하실 분이라면 미리 스킨저장해두는 것은 필수입니다 ㅎㅎ



우선 html 편집창으로 들어갑니다.
그리고 html 부분을 고치는 것이 아니라 css 부분을 고치는 것입니다.
기본적인 툴을 제외한 블로그 스타일에 대해서는 css 부분에서 담당하는 것 같더군요.
아무튼 검색기능을 이용하여 content 부분을 찾아보면......



위와같이 해당 부분을 탐색합니다.
위 부분에서 float:left; 부분을 right; 로 바꾸어줍니다.
컨텐츠부분의 원래 위치를 반대로 바꾸는 것입니다.

다음으로 할 것은,
사이드바의 위치를 반대로 바꾸어주는 것입니다.
예상하신 분들도 있겠지만 컨텐츠 위치와 반대로 되어있습니다.
검색기능을 이용하여 sidebar 를 찾아준 후 아래와 같은 부분을 찾아주세요.



찾으셨다면,
컨텐츠와는 반대로 float:right; 부분을 left; 로 바꿉니다.
그리고 사이드바가 원래 왼쪽에 있던 분들의 경우 위에 했던 것들을
반대로 적어주시면 되겠죠?

이렇듯 티스토리에서 기본적으로 제공하지 않는 편집에 대해서는
html 소스를 이용하여 얼마든지 자유롭게 바꿀 수가 있습니다. 일반적인 포털에서 제공하는
블로그와는 다른 가장 큰 티스토리만의 장점이겠죠ㅋ 하지만 소스를 잘못건드리면 블로그 스킨 전체가
이상하게 출력될 수 있으니 항상 조심조심 건드리고, 수정 전 스킨저장을 꼭 해두시기 바랍니다 ^^