티스토리 21 티스토리 북클럽 스킨의 홈프로모션 슬라이더 실행 구문 단순화 티스토리 스킨 "BookClub" skin.html main-slider 실행 조건 수정 원본 코드를 수정하게 되면, - 일부 구간에서 실행 조건이 2개에서 1개로 줄어듭니다. - 사진 전체의 URL 링크에서 "바로가기" 버튼에 한정된 링크로 변경됩니다. - 불필요한 코드를 삭제했으므로 skin.html 파일의 크기도 약간 줄어듭니다. ※ 슬라이더 관련 코드 원본 91행에서 수정 58행으로 축소 - 초기 페이지 로딩 속도가 아주 조~금 빨라질 것입니다. skin.html 원본의 조건문 구조 ...... promotion-1-url이 있으면 inner 컨테이너 만들고 박스 만들고 promotion-1-text가 있으면 등록하고 promotion-1-color가 있으면 등록하고 바로가기 버튼 등록 promo.. 2022. 4. 11. 티스토리 북클럽 스킨의 홈프로모션 슬라이더 컬러와 버튼 오류 수정 티스토리 블로그에서 제공하는 북클럽 스킨의 홈 화면 슬라이더 북클럽 스킨을 티스토리 블로그에 적용하면 초기 홈 화면의 상단에 "main-slider"라고 하는 최대 3개 이미지의 슬라이더 기능을 구현합니다. ※ 2022년 4월 11일 내용 변경 메인 슬라이더는 블로그 관리자에게 3개의 이미지와 연결되는 타이틀과 버튼의 색을 각각 변경할 수 있는 옵션을 제공합니다. - 프로모션 문구와 색상, - 프로모션 자세히 보기 색상과 Hover 색상 ※ "자세히 보기"는 "바로 가기" 버튼을 뜻합니다. 1개의 이미지에만 옵션이 적용되는 문제 발생 최대 3개의 이미지를 슬라이더에 사용할 수 있으니까 각각의 개별적인 옵션이 적용되어야 하는 데, 첫 번째 이미지에서만 정상적으로 나타나고 나머지 2개의 이미지에 관련된 색은.. 2022. 3. 12. 티스토리 블로그 글의 HTML 태그 입력 방법 이 블로그에 200개 가까이 글을 등록하면서 모든 글의 "태그"를 잘못 입력하여 그것 수정하느라 3일 동안 단순 노동에 시달렸습니다. 혼자만 알고 있기에는 아까워서, 흔적도 남기고 다른 블로거들은 그처럼 어처구니없는 실수를 저지르지 말라고 태그 입력하는 정확한 방법을 설명합니다. 티스토리 블로그에서 태그를 접하는 위치는 3군데입니다. 태그 접근 위치 1. 블로그 글의 "카테고리의 다른 글"과 "댓글" 사이 2. 사이드바의 "태그" 정보 블로그 관리자의 설정에 따라 감출 수도 있고 위치 변경이 가능합니다. "관리", "블로그 관리 홈", "사이드바" 순서로 접근하여 설정할 수 있습니다. 3. 블로그의 원하는 위치에 "태그" 정보를 담은 페이지로 안내하는 링크를 붙일 수 있습니다. 아래 "태그" 버튼은 블로.. 2022. 1. 15. Tistory 모바일 앱에서 구글 애드센스 광고 구현 티스토리 모바일 앱에서 구글 애드센스 광고를 보여 주기 위한 설정 방법에 대한 설명 글입니다. 카카오 티스토리 블로그에는 기본적으로 구글 애드센스와 카카오 애드핏 광고를 게재할 수 있습니다. 일정 자격을 취득한 후 등록한 광고의 뷰 혹은 클릭을 통하여 가변적인 수익을 얻을 수 있는 구조입니다. 자신이 운영하고 있는 티스토리 블로그에 광고를 등록하는 방법은 최소 4가지 이상 가능합니다. - 티스토리에서 제공하는 기본 스킨 '북클럽'을 기준으로 설명합니다. 1. 티스토리 제공 기본 스킨의 'skin.html' 파일에 광고 코드를 직접 삽입하는 방법 2. '블로그 관리 홈'의 '사이드 바'에 광고 관련 모듈을 등록하는 방법 3. '블로그 관리 홈'의 '플러그인'에서 Google Adsense와 Kakao Ad.. 2020. 12. 10. 티스토리 블로그 코드 편집 오류를 대비한 백업 저와 같이 프로그램 언어를 전문적으로 공부하지 않은 블로거에게 적용할 수 있는 요령입니다. 다른 좋은 방법도 있을 것입니다. 제가 나름대로 사용하는 방법입니다. 블로그 편집할 때, 1. 원본 백업 2. 코드 수정 3. 수정본 백업 4. 코드 재수정 5. 재수정본 백업 이 과정을 항상 준수합니다. 정상적으로 수정한 것으로 확신하였는 데, 나중에 점검하다 보면 미처 생각하지 못한 변수를 적용하지 않아서 오류가 발생하는 페이지나 항목이 다수 발견됩니다. 그럴 때에는 이전 백업본과 현재 오류가 발생한 파일을 서로 비교하여 오류를 수정하거나 이전 버전의 파일로 교체하고 다시 그 단계부터 편집 작업을 다시 진행합니다. 북클럽 스킨에는 "style.css, skin.html, script.js"와 같은 중요 스킨 파.. 2020. 10. 9. 티스토리 블로그 "안전하지 않은 콘텐츠" 경고문 https://forbes.tistory.com/486 티스토리 "Forbes"님 블로그 링크입니다. 마이크로소프트 엣지 웹브라우저로 제 블로그를 접속했는 데, "안전하지 않은 콘텐츠", "안전하지 않음" 경고문이 뜹니다. 인터넷을 검색하고 Forbes님 블로그에서 원인을 찾았습니다. 자세한 설명이 있으니까 접속해서 읽어 보세요. 웹브라우저가 업데이트되면서 모든 비보안 접속 HTTP를 차단하는 추세입니다. 기본적으로 웹페이지의 소스를 HTTPs 보안 접속으로 로딩해야 합니다. 현재는 무조건 차단하지 않지만 앞으로는 HTTP 비보안 접속은 불가능할 것입니다. "이 웹사이트는 안전하지 않음" 경고문이 접속자에게 뜨기 때문에 블로그에 다시 방문을 하지 않게 됩니다. 이 보안 오류를 수정하려면 블로그 소스 중에.. 2020. 8. 29. 티스토리 블로그 북클럽 스킨, 포스트 커버에 카테고리 링크 추가 티스토리 블로그의 "북클럽 스킨의 포스트 커버 높이 수정"글을 캡처한 이미지입니다. 무료로 제공하는 북클럽 스킨을 기준으로 설명을 진행합니다. 글의 포스트 커버에는 글이 담겨있는 카테고리 이름이 있습니다. "기타/티스토리" (위 이미지 참고) 해당 글을 읽고 그 카테고리를 계속해서 검색하고 싶을 경우, 일반적인 웹페이지의 경우 위의 이미지와 같이 빨간색으로 블록 처리한 부분을 클릭하면 바로 이동이 가능하게 편집되어 있습니다. 링크가 설정되어 있기 때문입니다. 티스토리 제공 무료 스킨들은 링크를 시키지 않고 단순하게 텍스트만 보여 줍니다. 그래서 사이드바에 배치한 카테고리로 이동하여 해당 항목을 찾는 불편함을 감수해야 합니다. 개인 취향에 따라 다르겠지만, 코드를 약간만 수정하면 방문자가 편하게 글을 검색.. 2020. 8. 16. 현재 티스토리 블로그 시스템에 문제가 발생한 것으로 확인됩니다. 2020.06.26 pm 03:16 티스토리 관리팀에서 현재 오류를 복구하였습니다. 하단에 기재한 담따 님의 임시 오류 해결 방법을 적용하였을 경우 다시 해당 자바스크립트 코드 1줄을 안의 원래 위치로 이동시켜도 됩니다. 이 블로그는 BookClub 기본 스킨을 개인적으로 수정해서 사용하고 있습니다. 2020년 6월 25일 낮부터 일부 메뉴와 이미지에 오류가 발생하여, PC와 모바일 블로그에 정상적인 접근이 어려운 상태입니다. 블로그 소스 코드 편집 과정에 오류가 있어서 이런 문제가 발생한 것으로 착각하여 여러 군데 건드리다가 작업에 진전이 없어서 티스토리의 기본 스킨 페이지에 들어가서 데모 스킨을 작동시켜 보았습니다. 제 블로그와 동일한 오류가 발생하고 있습니다. 하루 동안 헛수고했습니다. 북클럽 스킨.. 2020. 6. 26. 티스토리 북클럽 스킨의 포스트 커버 하단 여유 공간 축소 수정: 2020.08.16, 내용 자체에 오류가 많아서 다시 작성했습니다. 티스토리에서 제공하는 무료 스킨 "북클럽(Book Club)"을 사용하고 있습니다. 이 스킨에는 본문 페이지에 첨부된 이미지를 상단에 재배치하여 시각적인 효과를 주는 'post-cover' 영역이 존재합니다. 기본 높이가 340px이며, 영역 내부 하단에 약간의 여유 공간을 제공합니다. 아래 이미지는 모바일(767px 이하)의 post-cover입니다. [출처] 북클럽 데모 페이지 시각적으로는 보기 좋지만 내용이 중복되고 많은 공간을 차지하니까 많은 블로거가 이 영역의 높이를 줄여서 사용합니다. 이 높이를 수정해서 사용하다 보면 포스트 커버의 텍스트가 영역의 지정된 높이를 초과하여 하단의 다른 영역을 침범하여 가리는 오류가 발생합.. 2020. 5. 8. 티스토리 구글 서치콘솔 플러그인 서비스 오픈 티스토리 구글 서치콘솔 플러그인 서비스 오픈 2020년 04월 27일부터 Google Search Console Google Search Console에 티스토리 블로그를 손쉽게 등록하고 사이트맵을 자동으로 제출할 수 있는 플러그인입니다. 검색엔진 유입을 최적화할 수 있는 구글 서비스 등록 과정을 간단하게 만들어 블로그 운영자에게 도움이 될 신규 플러그인 서비스입니다. ※ 구글 서치콘솔 구글 검색 결과에서 사이트 및 블로그의 노출량과 클릭수, 그리고 주요 유입 검색어를 한눈에 살펴볼 수 있는 구글의 서비스입니다. 서치콘솔이 없더라도 티스토리 블로그는 구글 검색 결과에 정상적으로 노출되지만, 서치콘솔을 이용하면 구글의 관점에서 블로그를 파악하고 관리할 수 있습니다. ※ 서치콘솔 플러그인 사용 방법 1... 2020. 4. 28.
