본문 바로가기

일상/- IT 정보공유

티스토리 사이드바 위치 바꾸는법

먼저 저는 HTML이나 CSS에 관련된 지식이 전혀없고,

직접 검색을 통해 알게된 정보로 하나하나 일일이 실험해보며 익힌 방법이라

사용자에 따라 안맞는 방법일 수도 있습니다.

저또한 아는것 없어도 한 방법임으로 그대로 따라오신다면 누구나 쉽게 가능 할것이라 생각합니다.



왼쪽에서 오른쪽이나 오른쪽에서 왼쪽으로

티스토리의 사이드바 위치를 바꾸는 방법입니다.

어제까지만해도 사이드바왼쪽의 본문글이 오른쪽이였지만

여러가지 이유에 맞춰 위치를 한번 바꿔 보았습니다.




1. 먼저 <관리> 에서 <HTML/CSS>편집을 누른후

CSS를 누릅니다.

제생각엔 CSS가 위치나 크기 등을 설정해주는 곳 같아요


2. 그다음 검색을 통해 내용을 바꿔주는 것인데

먼저 content 라고 검색을 하셔서 

float를 바꿔줍니다. content는 본문을 의미하며

float옆의 left를 right로 바꿔주면 오른쪽으로 

right를 left로 바꿔주면 왼쪽으로 갑니다

3. sidebar라 검색을 하셔서

똑같이 float의 명령어(?)를 수정


그렇다면 본문과 사이드바의 위치가 변경 됩니다


그런데

여기서 주의 하셔야 할 점이 제 경우에는 content와 sidebar의 위치를 바꿔주었더니

양쪽 여백이 맞지않아 위치가 바뀌기는  했으니 중구난방 이었습니다.


일단 바꿔서 새로고침을 해본 후 컨텐츠와 사이드바의 각각의 margin-left 또는 margin-right 또한 바꿔주시고

(여기 또한 left->right  /   right->left 가능)

그에 해당하는 수치 px도 바꾸시면서 새로고침을 눌러맞춰나가시면 됩니다.


그다음 완료 되셨으면 저장 클릭.



잘 되셧나요?

혹시 이해 안가시는 부분있으면 댓글로 남겨주세요

제가 아는 선에서 최대한 알려드릴께요