티스토리 스킨 편집 html/CSS

2021년을 맞아,, 새롭게 티스토리를 편집했다.

꽤 오래하다보니 티스토리에 좀 더 애정을 갖게 되어서 오랜만에 이쁘게 새단장을 했다.

 

난 이웃목록을 사이드바에 넣고싶었다. 

티스토리는 사이드바에서 기본적으로 이웃 목록을 지원하지 않는다.

티스토리는 이런 면에서는 네이버 블로그보다 별로인 점도 있는 것 같다.

그래도 구글링으로는 궁금증이 거의 해결된다 ㅎㅎ 구글링으로 알게된 내용을 정리하려고한다.

보이는 것보다 훨씬 쉽고 간편하다. html/CSS도 보다보면 규칙이 보일 것이다.

많이 사용할 것 같다 !!!

 

 

내가 지정한 스킨은 Book Club이다!

1. '관리'-'나의 링크'에 내 티스토리 이웃 링크를 지정한다.

 

2. 사이드바에 링크를 추가하기 위해 스킨 html을 편집한다.

그냥 이웃을 추가했다가 다 펼쳐져있는게 구려서 콤보상자형태로 만들었다.

 

3. 스킨 CSS에서 글씨폰트를 적절히 변경해준다.

나는 위의 사진처럼 class가 widget이었기 때문에 아래와 같이 설정했다.

color나 font-size 같은 것은 다른 카테코리 설정과 비교해보면 어떻게 해야할지 알 수 있을 것이다.

 

4. 제대로 설정되었는지 계속 확인하면서 작업한다.

최종 결과 사진 첨부한다! 사이드바에서 확인할 수 있다.

 

 

---

 

 

<구글링 참고 링크>

• 이웃 링크 사이드바에 추가하기

circlash.tistory.com/672

티스토리 이웃 링크 깔끔하게 정리하기

• 콤보상자형태로 이웃 링크 사이드바에 추가하기

prolite.tistory.com/992

티스토리 블로그 링크 이웃 목록, 콤보 박스 드롭 다운 형식 구현

• 사이드바 등 폰트 변경하기

ucwoogong.com/220

티스토리 기본스킨 꾸미기 03 - 사이드바 (메뉴바) 폰트 변경

대표사진