반응형

 

티스토리 블로그 사이드바 좌,우 변경하기 

 


 

 

블로그를 운영하다 보면 점점 블로그 스킨을 마음대로 변경하고자 하는 욕구가 생겨나게 됩니다.

 

하지만 대부분은 HTML에 대한 지식이 전무하여 평소에 들어가던 블로그들의 그 맛깔나는 스킨을

따라하기는 힘들죠 ㅠ

 

그래서 무료로 배포되는 스킨을 많이들 다운 받고는 합니다.

 

그래서 저도 어떤 블로거께서 무료로 배포하시는 스킨을 받아 쓰고 있습니다 ㅠ

(http://daisy.pe.kr/에서 본 블로그의 스킨을 받으실 수 있습니다.)

 

아무튼 그렇게 스킨을 쓰다가 보면 사이드바의 좌,우 위치를 바꾸고 싶을 때가 가끔 있는데요,

그런 경우에 쉽게 변경하는 방법을 알려드리고자 합니다.

 

 

 

 

 

사이드바 위치 변경 방법은 다음과 같습니다.

 

 

1. 블로그 관리 메뉴로 들어간다.

 

 

2. '꾸미기'의 HTML/CSS 편집 메뉴로 간다.

 

 

 

 

 

 

 

3. Ctrl + f 키를 눌러 찾기 메뉴를 활성화 시킨다.

   

 

 

 

 

 

 

4. #sidebar를 찾아, float: 다음에 사이드바가 들어갈 위치를 입력한다.

  사이드바를 왼쪽에 놓고 싶다면 left; , 오른쪽에 놓고 싶다면 right; 를 입력한다.

  (세미콜론(;)도 같이 입력합니다)

 

 

 

 

 

 

 

5. #content를 찾아 float: 다음에 본문 화면이 위치할 위치를 지정한다.

  사이드바의 반대쪽을 지정하면 되므로, 사이드바가 왼쪽이라면 right;를 오른쪽이라면 left;를 입력한다.

 

 

 

 

 

 

 

6. 저장을 누르고 블로그 첫 화면으로 가서 확인을 한다.

 

 

이렇게 6단계만 거치면 사이드바의 위치가 바로 옮겨져 있는 것을 확인하실 수 있습니다^^

 

 

이상으로 '티스토리 블로그 사이드바 좌,우 변경하기' 포스팅을 마치겠습니다.

 

 

 

반응형

+ Recent posts