IT/티스토리48 티스토리 스킨의 네임카드 CSS 코드 수정 수정이 필요한 서버 파일 comment.css의 네임카드 관련 코드 /* https://tistory1.daumcdn.net/ ... /style/comment.css */.tt_box_namecard { display: flex; justify-content: space-between; position: relative; min-height: 206px; background-color: #F7F7F7; margin-top: 20px; margin-bottom: 20px;}.tt_box_namecard .tt_btn_subscribe { display: flex; align-items: center; justify-content: center; height: 36px; margin-.. 2024. 4. 25. 댓글 Grid Layout으로 사이트 링크와 관련 사이트 리스트 병합 사이트 링크 메뉴는 티스토리 스킨 북클럽의 소스 코드 이용 관련 사이트 메뉴는 티스토리 스킨 오딧세이의 소스 코드 이용 HTML 페이지에 사용한 티스토리 치환자 ** 티스토리 사이트의 서버가 비정상적으로 작동하여 치환자 소스 코드를 첨부하면 페이지에서 바로 실행됩니다. ** 불가피하게 소스 코드 대신 이미지 파일로 대체합니다. 추후에 서버가 정상화 되면 정상적인 코드를 등록합니다. ** 치환자 소스 코드의 ##를 **로 교체하여 실행을 막아 놓았습니다. ** 고객센터에 코드 블럭 실행 문제를 문의하였습니다. 아직 해결 안 된 상태입니다. ** CSS와 Javascript 코드는 정상입니다. 1. 현재 접속 페이지 종류 출력 치환자 [**_body_id_**] 위 코드가 아직도 실행되면 요렇게 보입니다. .. 2024. 2. 15. 댓글 티스토리 카테고리의 새로운 글 아이콘 변경하는 방법 티스토리에 (댓글 아니고) 새로운 글을 등록하면 카테고리에 글이 등록되었다는 "N"자 아이콘이 새롭게 표시됩니다. 위 이미지를 기준으로 하여, 전체 글("글 모음"), 메인 카테고리("IT"), 서브 카테고리("티스토리") 3군데 아이콘이 나타납니다. 만약에 메인 카테고리만 사용한다면 2군데 표시가 되겠죠. 자신이 원하는 다른 이미지가 표시되도록 변경하는 방법 설명합니다. 1. 사용할 아이콘을 업로드합니다. 티스토리에서는 업로드한 이미지는 자동으로 "images" 폴더로 이동합니다. 2. style.css에 필요한 코드를 추가하고 업로드합니다. 사용하는 코드는 아래와 같습니다. 개인 사용 환경에 맞게 수정하면 됩니다. /* style.css에 추가하는 코드 */ #category li a img { bo.. 2023. 3. 16. 댓글 구글 검색 엔진 인덱스 생성 오류 발생하는 메타 태그 티스토리 오딧세이(Odyssey) 스킨의 일부 코드가 구글 검색 엔진의 인덱스 생성이나 구글 서치 콘솔의 페이지 색인 생성을 방해합니다. - 2023년 2월 1일 확인 - 스킨 버전: 2020년 9월 9일 초기 버전에서는 발견되었지만 최근 업로드된 수정 버전에서는 삭제한 것으로 확인됩니다. ① 구 버전을 그대로 사용하고 있는 티스토리 오딧세이 스킨 사용자는 구글 검색엔진 인덱스 생성 오류가 발생하므로 자신의 블로그 코드를 검사하는 것이 좋겠습니다. ② 해당 코드를 다른 스킨에 추가하여 사용하는 (티스토리) 블로거도 마찬가지로 오류 발생 원인이 되므로 삭제하거나 수정하는 것이 좋습니다. 2023. 2. 1. 댓글 티스토리 블로그에서 구글 PageSpeed Insight의 크롤링 오류 발생 2022년 11월 8일 발생링크를 크롤링할 수 없음검색엔진에서 링크에 대해 `href` 속성을 사용하여 웹사이트를 크롤링할 수 있습니다. 앵커 요소의 `href` 속성이 적절한 대상에 연결되어 사이트에서 더 많은 페이지가 검색되도록 하세요. 자세히 알아보기크롤링할 수 없는 링크div.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-prevdiv.lb-outerContainer > div.lb-container > div.lb-nav > a.lb-nextdiv.lb-outerContainer > div.lb-container > div.lb-loader > a.lb-canceldiv.lb-dataContainer > div.lb-data > div.lb.. 2022. 11. 8. 댓글 티스토리 블로그의 도메인 포워딩과 애드센스 결합 주의 일부 도메인 포워딩 서비스를 이용하여 자신의 티스토리 블로그를 고유 도메인과 연결시켜 사용하는 사례가 많습니다. 예를 들어 "domainforwarding.kr" 도메인을 "domainforwarding.tistory.com"과 연결하여, "domainforwarding.kr"로 접속이 가능하게 만드는 방법입니다. 티스토리 블로그에 구글 애드센스 배너를 부착할 때 먼저 확인해야 할 것이 있습니다. 아래 정보는 구글 애드센스 고객센터에 등록된 정보의 일부를 발췌한 것입니다. http_only Google 크롤러는 HTTP 및 HTTPS의 모든 ads.txt 파일을 크롤링하려고 시도합니다. HTTP만 소유한 경우 크롤러가 ads.txt를 찾을 수 있도록 HTTPS에서 HTTP로 리디렉션을 설정하세요. htt.. 2022. 11. 3. 댓글 티스토리 백업 실패 (후 성공) 2022년 10월 27일 아침 데이터 센터 문제로 일시 중지되었던 티스토리 백업이 성공적으로 종료되어 하나의 압축 파일 안에 블로그 모든 글을 백업해 놓았네요. 백업 방법은 본 글의 중간에 설명해 놓았습니다. 2022년 10월 15일 티스토리 운영이 중단되는 사건이 발생하였습니다. 등록한 글의 데이터 백업을 해놓지 않아서 혹시 지금 가능할까 검사하는 마음으로 백업을 실행하였습니다. 그리고 24시간 지났습니다. 계속 백업 중이라는 메시지가 떠 있었습니다. 아래와 같이 새소식이 알림 메시지로 도착하였습니다. 테스트 계정이 하나 더 있어서 2개의 메시지가 전송된 것입니다. 작업이 완료되었는 데, 백업 신청을 일시 중단하는 것으로 종료되었습니다. 서버가 불안정하여 관리자가 백업 프로세스를 강제로 종료시킨 것으로.. 2022. 10. 18. 댓글 티스토리 애드센스 광고 송출 문제 더보기 ※ 애드핏 - 모든 페이지 광고 정상 출력 ※ 애드센스 - PC 첫 페이지 정상 출력 - 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능 PC 사이드바 "애드센스 관리 설정" 출력 불량/불능 PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다. 최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에.. 2022. 10. 8. 댓글 티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다." 제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. HTTP ERROR 400 The Internet Engineering Task Force (IETF)의 정의 rfc7231 (ietf.org) The 400 (Bad Request) status code indicates that the server cannot or will not process the request due to something that is p.. 2022. 9. 16. 댓글 북클럽 스킨 "포인트 컬러(point-color)" 변경 북클럽 스킨의 "skin.html" 파일의 상단에는 1개의 링크와 2개의 헤더 숫자의 색을 지정하는 CSS 스타일 설정 구문이 있습니다. 1. 글 본문 텍스트 링크(".entry-content a") 2. 글 리스트 제목의 개수(".post-header h2 em") 3. 댓글 제목의 개수(".comments h2 .count") 모두 동일한 색으로 지정하는 것입니다. 위의 이미지에서 사용한 파란색은 "#0150FE"입니다. 북클럽 스킨 skin.html의 색 설정 코드 .entry-content a, .post-header h2 em, .comments h2 .count {color:} .comment-form .submit button:hover, .comment-form .submit button:.. 2022. 8. 30. 댓글