Contents 북클럽 뉴북 리스트 썸네일 모양 문제 안녕하세요. 미나캣입니다. 저번 포스트에서는 북클럽 스킨의 뉴북 리스트 썸네일 모양을 직사각형에서 정사각형으로 수정했습니다. 포스팅 하자마자 눈에 보이는 것은 글 하단의 "관련글"의 썸네일이 이번에는 가로로 긴 모습입니다. 깔끔한 통일을 위해, 글 하단 관련글의 썸네일을 정사각형으로 수정하겠습니다. HTML 수정 1. 스킨 편집으로 이동 "블로그관리 홈" 페이지에서 "꾸미기 - 스킨 편집"으로 이동합니다. 2. HTML 편집으로 이동 오른쪽 상단의 "html 편집" 버튼을 이용하여 수정 페이지로 이동합니다. 이동한 페이지에서는 "HTML | CSS | 파일업로드" 탭을 이용할 수 있습니다. 3. HTML 수정 검색 기능(Ctrl + F)를 이용하여 "..
Contents 북클럽 뉴북 리스트 썸네일 모양 문제 티스토리 블로그에서 북 클럽(Book Club) 스킨을 사용하시는 분들은 모두 비슷한 고민이 있을겁니다. 보통 "뉴북"을 리스트 타입은 많이 사용하는데, 아래와 같이 책과 같이 세로로 길쭉한 썸네일을 보여줍니다. 이 모양이 일반적인 블로그와는 잘 어울리지 않는다는 겁니다. 북 클럽이라는 이름에 맞게 책 관련 포스팅을 하지 않기 때문에, 정사각형으로 수정하겠습니다. HTML 수정 1. 스킨 편집으로 이동 "블로그관리 홈" 페이지에서 "꾸미기 - 스킨 편집"으로 이동합니다. 2. HTML 편집으로 이동 오른쪽 상단의 "html 편집" 버튼을 이용하여 수정 페이지로 이동합니다. 이동한 페이지에서는 "HTML | CSS | 파일업로드" 탭을 이용할 수 있습니..
Contents 안녕하세요. 미나캣입니다. 오늘은 티스토리 블로그의 스킨을 수정하는 방법에 대해 알아볼게요. 다른 대부분의 블로그와 마찬가지로 티스토리 역시 완성된 형태의 블로그 플랫폼을 제공합니다. 누구나 정해진 규칙에 따라, 그것을 벗어나지 않는 범위내에서 활용할 수 있다는 것이죠. 코딩밥 드시는 분이시거나, 은둔 능력자 분이시라면 웹호스팅 서버를 이용하여 홈페이지나 블로그를 직접 원하는대로 꾸며가며 만드시겠지만, 저와 같은 분들은 모두 대기업 플랫폼의 노예가 될 수 밖에 없습니다. 그래도 남들와 구분될 수 있도록 자신만의 감성을 뽐내볼 수 있게 노력해봅니다. 티스토리 블로그 스킨 수정 "블로그관리 홈 - 꾸미기 - 스킨 편집" 메뉴로 이동합니다. 이동 후, 오른쪽 상단의 "HTML 편집" 메뉴를 누..
Contents 검색엔진 등록 티스토리 블로그를 시작할 때, 가장 먼저 해야할 일은 검색엔진에 내 블로그를 등록하는 것입니다. "블로그관리 홈 - 통계 - 방문통계"에서는 네이버, 다음, 구글 등 6개의 검색엔진에서의 유입을 확인할 수 있습니다. 순서대로 검색엔진에 내 블로그를 등록해 보겠습니다. 네이버 - Search Advisor 1. 네이버 서치어드바이저로 이동 "네이버 Search Advisor - 웹마스터 도구"로 이동합니다. 2. 네이버 서치어드바이저 이용 동의 "이동약관에 동의합니다" (체크) -> "확인" 버튼을 눌러 이동합니다. 3. 사이트 등록 "https://[your_domain].tistory.com" 입력 후 엔터를 칩니다. 4. 사이트 소유확인 (1/2) "HTML 태그" 선택..
Contents 티스토리 블로그 기본 설정 안녕하세요. 미나캣입니다. 티스토리에서 블로그를 시작하면서 진행되는 모든 세팅작업들을 포스팅 할 예정입니다. 빠르게 예쁜 블로그를 만들기 위해서는 유료버전의 스킨이나 능력자분들께서 만들어주시는 스킨을 사용하는 편이 현명합니다. 하지만, 미나캣은 Tistory에서 제공하는 기본스킨을 가지고 필요한 부분만 수정해 나갈거에요. 제 블로그에서는 "WHY"는 중요하지 않습니다. 단순명료하게 "ANSWER"만 포스팅하겠습니다. 콘텐츠 설정 "블로그관리 홈 - 콘텐츠 - 설정" 메뉴로 이동합니다. 3가지 항목 모두 기본값 그대로 수정하지 않습니다. 댓글·방명록 설정 "블로그관리 홈 - 댓글·방명록 - 설정" 메뉴로 이동합니다. 댓글은 "로그인 한 사용자"에 한해 "승인 후"..
Contents 개요 SEO(Search Engine Optimization)에 긍정적인 효과가 있는 블로그 본문의 자동 목차 만들기 방법 서식 삽입 기능을 이용하여 블로그 글 상단이나 하단에 자동으로 목차를 만들어 넣을 수 있다. STEP 1 - jquery.toc.min.jc 파일 업로드 스킨 편집 - html 편집 - 파일 업로드 탭에서 해당 첨부파일을 업로드 STEP 2 - HTML Head 세션에 추가 사이에 아래의 코드를 추가한다. 바로 윗줄에 추가하는 것이 좋다. STEP 3 - HTML body 세션에 추가 사이에 아래의 코드를 추가한다. 바로 윗줄에 추가하는 것이 좋다. STEP 4 - CSS 에 추가 /* 자동 목차 스타일 */ .book-toc { position: relative; ..
Contents 개요 티스토리 북 클럽(Book Club) 스킨에서 상단 로고 및 메뉴의 위치를 고정하는 방법 스킨 편집의 CSS 탭에서 아래와 같이 #header, #aside, #dimmed 를 수정하면 된다. STEP 1 - HTML #header 수정 수정전 : #header { border-bottom: 1px solid #eee; } 수정후 : #header { z-index: 1010; background-color: #fff; box-sizing: border-box; position: sticky; position: -webkit-sticky; top: 0; } STEP 2 - HTML #aside 수정 수정전 : #aside { float: right; width: 21.29629629..