티스토리 블로그 사이드바 꾸미기 완벽 총정리 (고정 시키기, 글씨 크기 바꾸기)

블로그 사이드바 꾸미기

티스토리 블로그에서 북클럽 스킨을 비롯한 스킨에서 사이드바의 글씨 크기 및 고정 시키기 등 사이드바를 꾸미고 수정하는 법에 대한 정보를 모아보았습니다. 

 

사이드바 고정 시키기

 

티스토리 블로그를 이용하다보면 좌측이나 우측에 있는 사이드가 글이 내려감에 따라 위로 올라가버려서 시야에서 사라지는 경우가 있습니다.

 

사실 별로 상관없는것 같기는 하지만 블로그 방문자 입장에서 사이드바가 사라져버리면 다시 올라가기도 귀찮고, 어찌 되었든 시야에서 사라지고, 더 이상 선택지가 없으면 블로그를 나가버리는 것은 당연한 결과이기 때문에 사이드바는 시야에서 사라지기 보다는 끝까지 페이지 내에서 노출되는 것이 블로거 입장에서는 유리합니다. 

 

그래서 이번에는 사이드바를 고정 시키는 방법을 알려드리도록 하겠습니다. 

 

Html 편집 들어가기 

 

티스토리 블로그의 설정, 그리고 스킨편집, 그리고 Html 편집을 눌러서 Html 편집 창으로 들어가줍니다. 

 

CSS 들어가서 코드 입력하기

 

CSS 코드 끝으로 가서 아래 코드를 입력해줍니다. 

 

 

#aside {

  position:sticky;

  position:-webkit-sticky;

  top: -60px;

}

 

사이드바 글씨 크기 바꾸기

사이드바 글씨 크기가 너무 작으면 눈길 조차 가지 않게 되는데요. 그래서 이번에는 사이드바의 글씨 크기를 바꾸는 법에 대해서 알아보겠습니다. 

 

Html 편집 들어가기 

 

티스토리 블로그의 설정, 그리고 스킨편집, 그리고 Html 편집을 눌러서 Html 편집 창으로 들어가줍니다. 

 

CSS 들어가서 코드 입력하기

 

CSS 코드 끝으로 가서 Sidebar .category ul li ul li를 찾아줍니다. 그리고 아래 코드들을 수정해줍니다. 

 

font-weight는 글씨가 들어가는 칸의 전체 높이이고, font-size는 실제 글씨 크기 입니다. 

 

숫자를 바꿔가며 자신에게 맞는 사이즈를 입력해주면 될것 같습니다. 

 

위 빨간 박스는 상위 카테고리와 관련 된 코드이며, 아래 빨간 박스는 하위 카테고리의 글씨에 대한 코드입니다. 

 

다른글

 

블로그 목차 만들기

 

카카오 애드핏 수익 인증 및 늘리는 법

 

LCK 함예진 아나운서 사진 움짤 모음