'블로그 사이드바'에 해당되는 글 1건

▣ 티스토리 블로그 사이드바 크기 변경 하는법

안녕하세요 기요밍 입니다.

Tistory 블로그의 장점이라면 어떤것이 있을까요? 구글 애드센스를 통한 고수익이 가능한 것, 그리고 화면 레이아웃 및 디자인을 내 마음대로 수정할 수 있다는 점이겠죠?

사실 후자의 이유 때문에 전자가 가능한 것 같습니다. 네이버의 경우 애드포스트라는 광고주가 어마어마한 자체 CPC 광고를 제공 하지만 위치를 사이드바 또는 포스팅 하단에 밖에 할 수 없어 방문자 대비 큰 수익을 내기는 힘들거든요.

(물론 애드포스트를 통해서도 어마어마한 수익을 올리는 분들이 계시지만요)

이번에는화면 레이아웃 및 디자인 변경중 블로그의 사이드바 크기를 변경하는 법에 대해서 알아보겠습니다. 사이드바의 크기를 자주 자재로 변경할 수 있다면 원하는 광고 단위를 넣어 조금더 많은 수익을 창출해낼 수 있겠죠?

그럼 지금부터 시작합니다!!!

1. HTML/CSS 수정 페이지 접속

▼ Admin 화면으로 들어가면 꾸미기 항목에 HTML/CSS 수정이라는 메뉴가 있습니다. 망설이지 말고!! 클릭 해줍니다 ㅎㅎ

▼ 그러면 왼쪽에는 실시간으로 수정사항을 볼 수 있는 화면이 보여지고 오른쪽에는 HTML과 CSS의 코드를 볼 수 있습니다. 여기서 CSS 파일을의 사이드바에 해당하는 width를 수정함으로써 크기를 변경하면 됩니다. 오른쪽에서 수정 후 새로고침을 눌러주면 왼쪽화면에서 실시간으로 확인이 가능 합니다.

2. CSS 파일의 sidebar 부분을 찾은 뒤 width를 수정 해줍니다.

▼ 이 붉은 네모 부분을 수정 해주시면 됩니다. 간단하죠?^^ 만약 해당 부분을 수정 후 전체 레이아웃이 이상해 졌다면 페이지 전체 및 상단부분의 크기를 확인 해보셔야 합니다. 사이드바의 크기를 변경 해주신만큼 같이 변경을 해주셔야 레이아웃이 틀어지지 않고 출력이 됩니다.

간단하죠? 물론 사용하시는 스킨마다 위치는 조금씩 다를 수 있으니 조금만 신경 쓰셔서 찾아 보시길 바랍니다.