티스토리 블로그 사이드바 조정하기 |
※ 티스토리 스킨이 동일한 사림에 의해 만들어진 것이 아니기 때문에, 각 스킨마다 약간의 차이가 있을 수 있습니다.
글쓴이의 티스토리 스킨을 기준으로 작성한 포스팅이므로, 따라하시다 안되시면, 다른 포스트를 참조하시기 바랍니다.
블로그 스킨을 변경하다 보면 사이드 바의 형태를 원하는데로 조정하고 싶은 때가 있습니다.
저도 스킨을 한 번 통째로 갈아엎으면서 제법 고생했었는데요.
오늘은 사이드바를 원하는데로 변경하는 것을 한 번 배워보도록 하겠습니다.
우선 티스토리 관리 메뉴에서 HTML/CSS 편집 화면으로 들어갑니다.
|
Ctrl 키와 F 키를 함께 누르면, 왼쪽(인터넷 익스플로러) 또는 오른쪽(크롬) 상단에 텍스트 창을 열어줍니다.
여기에 /* 블로그 레이아웃 */ 를 입력하여 조회한 후, 조금만 아래로 내려가 보면...
아래와 같이 되어있는 녀석이 있습니다.
※ 없는 경우, #siderbar 로 찾으셔도 되지만, 좀 많습니다.
|
이렇게 사이드바 박스에 대한 설정 부분을 살펴 봤습니다.
그럼 사이드바 안에 있는 모듈들의 디자인을 바꾸는 방법을 알아볼까요.
Ctrl + F 찾기 창에 #sidebar h3 을 넣고 조회합니다.
|
다시 조금 내려가다 보면 이렇게 되어있는 부분이 나옵니다.
|
어느정도 원하시는 대로 사이드바를 변경하셨나요?
저도 조금씩 시간나는대로 변경하고 있습니다.
기능을 찾아내는대로 포스팅 하도록 하겠습니다.
'블로그 관련' 카테고리의 다른 글
[재택부업/알바] 블로그로 돈벌기 본격적으로 해볼까? - 리더스CPA (0) | 2014.01.11 |
---|---|
[재택부업/알바] 블로그로 돈벌기 한 번 시작해 볼까? - 블로거머니 (0) | 2013.12.29 |
티스토리 표 데스크탑과 모바일 크기 비율 다르게 하기 (1) | 2013.12.22 |
티스토리 블로그 카테고리 모두 펼치기 (열기) (0) | 2013.12.07 |
티스토리에서 다음뷰로 자동 송고 (발행) 하기 (0) | 2013.12.03 |