티스토리 블로그 고래 스킨: 사이드바 왼쪽 위치 변경 가이드

티스토리 블로그 고래 스킨은 깔끔한 디자인과 간결한 레이아웃으로 블로거들에게 인기가 많은 스킨입니다. 고래 스킨은 기본적으로 오른쪽 사이드바를 적용합니다. 오른쪽 사이드바가 구글 SEO 더 좋다고 알려져 있지만, 효과적인 광고 위치 측면에서 본다면 왼쪽 사이드바가 더 유리할 수도 있습니다.

 

사이드바 위치 변경의 필요성

사이드바 위치 변경을 통해 사이드바 광고를 사용자에게 좀 더 효율적으로 노출시켜 줄 수 있습니다. 물론 사이드바 광고 자체가 그렇게 클릭률이 높은 편이 아니기 때문에 사이드바를 왼쪽으로 구성한다고 극적인 수익 향상을 기대할 수는 없습니다. 본인의 블로그 상황에 따라 따를 수 있으니 충분한 테스트를 거쳐 클릭률을 비교해 보고 최종적으로 적용여부를 결정하는 게 좋습니다.

 

고래 스킨 4.2 사이드바 위치 변경 방법

1. 스킨 편집기 접근: 티스토리 관리자 페이지에서 스킨 편집을 클릭하여 html 편집기로 이동합니다.
2. CSS 코드 수정: html 편집기에서 CSS탭을 선택하여 CSS 코드를 추가합니다.
3. 결과 확인: 코드 수정 후 미리 보기(새로고침)를 통해 사이드바가 왼쪽으로 이동되었는지 확인하고 저장합니다.

 

1. 스킨 편집기 접근

 

티스토리 블로그 관리

> 꾸미기

> 스킨 편집 선택합니다.

 

 

 

 

 

html 편집 > CSS 탭을 선택합니다.

 

2. CSS 코드 수정

CSS 편집에서 맨 마지막에 아래 코드를 복사 붙여 넣기 합니다.

 

/* 사이드바 위치 왼쪽 */
/* 화면 너비가 768px 이상일 때만 적용됩니다. */
@media only screen and (min-width: 768px) {
  /* #main 요소의 방향을 오른쪽에서 왼쪽으로 변경하여 사이드바를 왼쪽에 배치합니다. */
  #main {
    flex-direction: row-reverse;
  }

  /* 사이드바의 왼쪽 여백을 0으로 설정합니다. */
  #container #main #sidebar {
    margin-left: 0;
  }

  /* 컨텐츠의 왼쪽 여백을 20px로 설정합니다. */
  #container #main #content {
    flex: 2.85;
    overflow: hidden;
    position: relative;
    margin-left: 20px;
  }
}

 

3. 결과 확인

CSS에 코드 추가하고 새로고침을 눌러 사이드바가 정상적으로 왼쪽으로 나오는지 확인 후 이상 없으면 적용 버튼을 눌러 저장합니다.

 

결론:

이 글을 따라오셨다면, 티스토리 블로그 고래 스킨의 사이드바 위치를 왼쪽으로 변경하는 방법을 확보하였습니다. 이를 통해 나만의 블로그를 꾸미고 수익을 한 단계 업그레이드하세요.

 

티스토리 관련 다른 팁 보기