티스토리 북클럽 스킨의 스킨 편집에서 홈 설정을 커버로 지정하고 뉴스레터 아이템을 배치하면 썸네일이 오른쪽에 표시됩니다. 뉴스레터 아이템의 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우 간단한 CSS 코드를 사용할 수 있습니다. 티스토리 북클럽 스킨: 커버 뉴스레터 아이템 썸네일 위치 변경 방법 티스토리 북클럽(Book Club) 스킨에서 홈 설정을 커버로 설정하고 뉴스레터 아이템을 추가하면 다음 그림과 같이 썸네일이 오른쪽에 표시됩니다. 바로 옆에 사이드바가 있기 때문에 답답해 보인다면 썸네일을 왼쪽으로 이동시키는 것을 고려해볼 수 있습니다. 뉴스레터 아이템의 썸네일을 오른쪽에서 왼쪽으로 이동시키려면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 북클럽 스킨: 첫 페이지 썸네일 위치 변경..

이 티스토리 블로그에는 현재 Book Club 스킨에서 제공하는 메뉴 대신 반응형 CSS 메뉴 라이브러리인 JMenu가 사용되고 있습니다. 티스토리에 반응형 CSS 메뉴 (드롭다운 메뉴) 추가하는 방법 - JMenu 구글을 검색해보면 많은 메뉴 라이브러리를 찾을 수 있을 것입니다. 저는 일부러 CSS만으로 구현된 CSS 라이브러리를 선택했습니다. JMenu를 활용하여 메뉴를 추가하면 위의 그림처럼 티스토리에서 메뉴 항목을 사용자가 원하는 대로 추가할 수 있고 드롭다운도 가능합니다. 다른 방법으로 "HTML과 CSS로 심플한 메뉴를 추가했습니다" 글에서 소개하는 사이트를 활용하여 메뉴를 추가할 수도 있습니다. JMenu에 대한 자세한 내용은 다음 GitHub 사이트에서 확인할 수 있습니다. jamesjoh..

티스토리 글 하단에 공감 버튼과 구독하기 버튼, 그리고 CCL 마크가 표시됩니다. 원하는 경우 공감, 구독하기 버튼, 저작물 사용허가 마크를 표시하지 않도록 할 수 있습니다. 2021년 3월 추가: 티스토리에서 신고 버튼을 제거하는 블로그가 간혹 있습니다. 하지만 신고하기 버튼을 제거하면 정책 위반이 되어 블로그가 폐쇄될 수 있습니다. 다음 글을 참고해보세요. 티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의) 검색엔진에서 검색해보면 티스토리 스킨에서 신고 버튼을 숨기는 방법을 알려주는 글들이 있고 일부 스킨에서는 티스토리 신고 버튼을 제거한 상태로 제공되기도 합니다. 이 블로그에 적용된 avada.tistory.com 티스토리에서 공감 및 구독하기 버튼과 저작물 사용 허가(CCL) ..

최근 공개된 티스토리 스킨인 Book Club의 사이드바에 "카테고리" 위젯을 표시하면 리스트 형식의 카테고리로 표시됩니다. 위의 그림과 같이 표시되는데요. 카테고리를 폴더 형식으로 표시하고 싶은 경우가 있을 수 있습니다. 이 경우 티스토리 스킨 가이드에서 '카테고리' 부분을 체크해보면 다음과 같이 카테고리 형식으로 두 가지 치환자를 지원합니다. : 폴더 형식의 카테고리 : 리스트 형식의 카테고리 따라서 티스토리 HTML 소스에서 리스트 형식의 카테고리 치환자를 폴더 형식의 카테고리 치환자로 바꾸어 주면 폴더 형식으로 카테고리가 표시됩니다. ※ 티스토리 스킨을 수정할 때에는 티스토리 스킨 가이드를 먼저 체크하는 것이 좋습니다. 티스토리에 로그인한 후에 왼쪽 메뉴에서 꾸미기 > 스킨 편집을 선택하고 "ht..

지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다.티스토리 북클럽(Book Club) 스킨에서 댓글 아바타 크기 조정하는 방법 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 ..