본문 바로가기

티스토리 블로그 '사이드바','콘텐츠' 위치바꾸기

곰가든 2013. 11. 18.

티스토리 블로거라면 대부분 알고 있는 부분이겠지만 다시 한번 알아두자는 뜻에서 티스토리 블로그 '사이드바'와 '콘텐츠'의 위치를 서로 바꿔주는 방법에 대해서 아주 간단하게 설명해보도록 하겠습니다.

 

티스토리 스킨마다 조금씩 다를 수도 있지만 거의 대부분 동일합니다^^ 굳이 있는 그대로의 스킨을 쓰면 될텐데 왜 그렇게 바꿔주려고 하냐고 묻는다면..생활속의 작은 변화라고 할까요?

 

 

이렇게 가끔 블로그의 스킨을 조금씩 바꿔주는 것도 나름 생활의 활력(?)소가 될 수도 있죠.

 

그리고 티스토리 블로그 '사이드바'와 '콘텐츠'의 위치를 바꿔주는 것은 다시 원상태로 쉽게 바꿔줄 수도 있기때문에 어려운 일이 아니거든요~ 이렇게 위치만 바꿔져도 블로그가 새롭게 변신한듯한 느낌을 받을 수 있습니다.

 

어떤 사사람들의 이야기에 따르면 사이드바는 오른쪽보다 왼쪽에 있는 것이 시선집중에 더 유리하다고 합니다만.. 경험상 검증된 바가 없으니 이 위치가 더 좋다 저 위치가 더 좋다라고 확신은 하지 못했겠네요.

 

티스토리 사이드바 ,콘텐츠 위치변경1

몇일 전까지는 이 블로그의 콘텐츠가 왼쪽, 사이드바는 오른쪽에 있었습니다. 위치를 바꿔주려면 먼저 티스토리 관리 메뉴로 들어가서 html/css 편집화면으로 이동합니다~

 

CTRL+F 단축키를 이용해서 'content'를 검색하면 훨씬 빠르게 찾을 수 있어요.. 수정해줘야 하는 부분은 html이 아니라 css이구요~

 

티스토리 블로그 '사이드바','콘텐츠' 위치바꾸기

 

 

티스토리 사이드바 ,콘텐츠 위치변경2

css편집창에서 #content를 찾게되면 바로 밑에 float가 보이는데 이 부분이 위치를 지정하는 곳이에요~ 원래는 left였는데 right로 변경했죠.

 

티스토리 사이드바 ,콘텐츠 위치변경3

그리고 #content 바로 밑에 #sidebar가 보이는데 여기서도 float부분을 right에서 left로 바꿔주었습니다.

 

쉽게 이해해보자면 원래 콘텐츠는 왼쪽에 있었고 사이드바는 오른쪽에 있었는데 서로 위치를 바꿔주려면 이렇게 float부분을 right<->left로 변경해줘야 한다는 뜻이에요.

 

티스토리 사이드바 ,콘텐츠 위치변경4

이런 방식으로 변경을 해보면 위 캡쳐화면과 같이 사이드바와 콘텐츠의 위치가 바뀐 모습을 확인할 수 있습니다.

 

그런데 간혹 어떤 블로그를 보면 사이브바 부분만 찾아서 float의 위치만 바꿔주면 된다고 되어있는데 사이브바 위치가 바뀜과 동시에 콘텐츠부분도 그 반대로 바꿔줘야한다는 점 유의하세요^^

 

✅티스토리 블로그 인기글 조회방법

 

티스토리 블로그 인기글 조회방법

오래전에는.. 티스토리 서비스중에 그 블로그의 인기글만 모아서 보여주는 위젯이 있었지만 지금은 그런 플러그인 조차도 없다. 만약 반응형 스킨이 아니라면, 스마트폰에서는 티스토리 '모바

gong6587.tistory.com

✅티스토리의 미래와 우려

 

티스토리의 미래와 우려

얼마 전에 티스토리에서 날아온 한 통의 이메일..예전의 로그인 제한 사건 이후 정말 오래간만에 받아본 티스토리 메일이었다. 다른 블로그의 글을 통해서 이미 알고는 있었던 사실이지만, 실

gong6587.tistory.com

✅블로그 댓글 품앗이와 진정한 소통의 의미

 

블로그 댓글 품앗이와 진정한 소통의 의미

블로그를 처음 운영해보면 '누구나' 자신의 블로그에 사람들이 많이 찾아와서 댓글을 남겨주기를 희망합니다. 그런데 사실 블로그 운영 초반부터 그렇게 되기는 쉽지 않죠. 필자도 티스토리 블

gong6587.tistory.com

✅티스토리 블로그 스킨 배경 무료 '패턴' 넣기

 

티스토리 블로그 스킨 배경 무료 '패턴' 넣기

몇일전에 또 블로그 스킨(웹반응형)을 업데이트시키면서 조금 색다르게 변경을 해보았습니다..예전에 쓰던 기존 티스토리 기본형 스킨에도 적용하기도 했던..배경에 '패턴' 넣기에요~ 개인적인

gong6587.tistory.com

✅티스토리 블로그에 '쉐어디스(sharethis)' SNS공유버튼 넣기

 

티스토리 블로그에 '쉐어디스(sharethis)' SNS공유버튼 넣기

어느 순간부터 블로그를 포함한 수많은 웹사이트들이 SNS공유버튼 서비스를 하기 시작했었죠.. 블로그의 경우.. 자신이 쓴 글이 다른 사람의 의해서 다른 곳으로 '공유'가 이루워지고 널리 알려

gong6587.tistory.com

댓글