티스토리 블로그_사이드바 고정 방법_스크롤 반응형 사이드바_CSS

티스토리 스크롤 반응형 사이드바

블로거들은 사이드바에 방문자들이 봐주었으면 하는 내용을 선별하여 집어넣습니다. 카테고리, 배너 등이 들어가죠. 그런데 사이드바는 글을 읽어 나가면서 스크롤해서 내려가면 안 보이기 마련입니다. 개인적으로 카테고리, 배너와 같은 사이드바의 내용을 계속해서 노출하는 것은 중요한 전략이라고 생각합니다. 내 블로그에 그와 관련된 다른 정보가 있음을 어필하여 페이지 이탈을 최대한 막을 수 있죠. 사이드바가 스크롤이 내려가도 계속 노출되어 있을 수 있도록, 스크롤 반응형으로 만들어보도록 하겠습니다.

 

목차

---

CSS에 코드 넣기 

아래의 코드를 복사해 가세요.

/* 사이드바 고정 */
#aside {
  position: sticky;
  position: -webkit-sticky;
  top: -60px;
}

"스킨 편집" - "html 편집" -"CSS" 가장 하단에 붙여 넣으세요.

사이드바를 고정하는 코드 넣기 (티스토리 화면 캡처)

우측 상단의 "적용" 버튼을 누르는 것을 잊지 마세요.

---

※ 참고한 블로그

1. by simple11 님의 티스토리 블로그 <미니멀 라이프>

티스토리 사이드바 고정하는 방법 (플로팅 광고효과)

---

※ 검색 엔진 최적화(SEO) 수익형 블로그 만들기

이외에도 검색 엔진 최적화에 도움이 되는 다른 방법들은 아래 글에 정리해 두었습니다.

티스토리 블로그_수익형 블로그 검색 엔진 최적화(SEO) 설정

---