블로그 이미지
블로그 Zone/티스토리 팁 2012.02.19 14:07

티스토리 사이드바 좌우 위치 변경하기



안녕하세요? 꿈을 만드는 곳, 몽공장의 몽공장장입니다.

오늘은 간단하지만 유용한 티스토리 팁을 하나 알려드릴까 합니다.

바로 사이드바의 위치를 좌우 마음대로 바꾸는 방법입니다.ㅋㅋ

기본적으로 티스토리에서 제공하는 스킨들은 사이드바 위치가 지정되어 있습니다.

하지만 필요에 따라 좌측으로 혹은 우측으로 변경하고 싶을 때가 있습니다.

어렵지 않습니다~~ 잘 보세요~










원래 제 블로그 스킨은 사이드바가 우측에 위치해있었습니다.

이걸 왼쪽으로 한번 옮겨볼까요?

티스토리 관리자 페이지로 들어가셔서 HTML/CSS편집으로 들어가주세요.

그리고 style.css를 변경해줍니다.








저는 전체복사 후 메모장에 붙여넣어서 편집했습니다.

아! 그리고 편집하기 전 미리 원래 소스를 따로 저장해두실 추천합니다.

ctrl + f (찾기) 를 눌러 float를 검색해주세요.

아마 여러개 나올 것으로 예상됩니다.

블로그 스킨에 따라 소스가 다르므로 꼭 집어 여기다 라고 말씀드리긴 어렵습니다.

대개 #content 뒤에 있는 float가 본문의 위치를 말하고

그 뒤에 side 어쩌고~~ 이부분의 float가 사이드바의 위치일 가능성이 많습니다.









그 부분을 이렇게 바꾸어 주면 된답니다.

적용하시기 전에 미리보기를 통해 좌우가 잘 바뀌었나 확인 후 적용해주세요.ㅋ









잘 바뀌었군요.ㅋㅋ

html 소스를 변경할 수 있다는 티스토리의 장점을 살리면 블로그 꾸미는데 많은 도움이 될 것 같네요.

그럼 이쁜 블로그 꾸미세요~~ㅋ


  • 연애가중매 2012.02.20 15:13 신고 ADDR 수정/삭제 답글

    사이드바가 좌측말고 우측에 있는 것이 블로그 수익에 도움이 되는 것 같아요~
    시람들이 웹페이지를 열면 시각적효과가 좌측에 더 많이 집중이 되거든요~
    핫스팍은 좌측에!

    • 몽공장장 2012.02.20 20:46 신고 수정/삭제

      아하~ 역시 좌측이 시각적효과가 뛰어나군요.
      우측에 있을 때 사이드바의 광고가 워낙 클릭율이 저조해서 혹시나 하는 마음에 좌측으로 옮겨본거랍니다.ㅋ
      테스트 후 다시 원상복구하든지 하겠습니다.ㅋ
      핫스팟은 좌측에!! 좋은 정보 감사~~

  • 여행자 2012.05.07 17:57 신고 ADDR 수정/삭제 답글

    블로그를 만들어 놓고 한참을 안하다가 이제 좀 해볼려고 하니 블로그 꾸미는게 참 어렵네요^^;;
    안그래도 사이드바 위치 변경은 어떻게 하나 무척이나 궁금했었는데~~ 좋은 정보 정말 감사합니다^^

    • 몽공장장 2012.05.07 21:07 신고 수정/삭제

      앗~~ 도움이 되어서 기쁩니다.ㅋ
      기본적으로 사이드바 위치도 변경할 수 있도록 지원해주면 좋을텐데 말입니다.ㅋ
      물론 요즘 우측사이드바가 대세라곤 하지만 이건 개인적 취향이니깐요.ㅋ

TOTAL 3,178,024 TODAY 28