코드11 티스토리 스킨의 네임카드 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. 댓글 구글 검색 엔진 인덱스 생성 오류 발생하는 메타 태그 티스토리 오딧세이(Odyssey) 스킨의 일부 코드가 구글 검색 엔진의 인덱스 생성이나 구글 서치 콘솔의 페이지 색인 생성을 방해합니다. - 2023년 2월 1일 확인 - 스킨 버전: 2020년 9월 9일 초기 버전에서는 발견되었지만 최근 업로드된 수정 버전에서는 삭제한 것으로 확인됩니다. ① 구 버전을 그대로 사용하고 있는 티스토리 오딧세이 스킨 사용자는 구글 검색엔진 인덱스 생성 오류가 발생하므로 자신의 블로그 코드를 검사하는 것이 좋겠습니다. ② 해당 코드를 다른 스킨에 추가하여 사용하는 (티스토리) 블로거도 마찬가지로 오류 발생 원인이 되므로 삭제하거나 수정하는 것이 좋습니다. 2023. 2. 1. 댓글 티스토리 블로그 플러그인 "코드 문법 강조(Syntax HighLight)" 변경 주의 이 글은 어제부터 발생한 티스토리 블로그 HTML과 CSS 편집기의 이상 작동 현상에 대한 개인적인 판단을 수록한 것입니다. 나름대로 거의 100% 확신을 갖고 글을 작성하여 등록하였는 데, 다시 편집기의 기종이 불시에 바뀌었다가 정상이 되는 난해한 현상이 반복되고 있습니다. 블로그 관리 홈의 "코드 문법 강조" 플러그인의 옵션 선택과 상관없이 단순하게 코드 편집기의 기종 변경 작업이 진행 중이라고 결론이 날 것 같습니다. 티스토리 블로그를 관리하려면 개인 계정의 "블로그 관리홈"에 로그인하여 개별 항목을 편집하고 변경할 수 있습니다. 관리홈의 아래로 페이지를 내리면 "플러그인" 메뉴가 있습니다. SNS 글보내기, Youtube 동영상 첨부, 마우스 오른쪽 클릭 방지, 이전 발행 글 넣기, 코드 문법 강.. 2022. 6. 14. 댓글 티스토리 북클럽 스킨의 홈프로모션 슬라이더 실행 구문 단순화 티스토리 스킨 "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. 댓글 웹 브라우저의 추가 연산을 요구하지 않는 CSS 코드 개인 블로그 관리하면서 실행 코드를 정리하고 있습니다. 자그마한 코드 수정으로 인하여 2회 정도 블로그의 웹페이지 로딩 속도가 눈에 띄게 좋아지는 경험을 하였습니다. 정확한 전문적인 정보에 의한 수정 작업이 아니기 때문에 조금씩 공부하고 있는 입문자의 경험담이라 생각하시면 됩니다. 웹페이지 로딩 속도는 구글의 측정 사이트에 MS 엣지 혹은 구글 크롬 웹 브라우저로 접속하여 측정한 것입니다. 인터넷을 거쳐서 블로그에 접속하면 블로그 서버에서는 페이지 코드를 담은 데이터를 일정한 과정을 거쳐서 전송하고 웹 브라우저가 이 코드를 받아 CPU, GPU, 메모리 등의 연산 작업을 거쳐 스크린에 렌더링 하는 것이기 때문에 측정 수치는 웹 브라우저 및 PC(기타 기기)와 전적으로 관련이 있습니다. 구글.. 2021. 3. 4. 댓글 티스토리 블로그에 구글 검색 엔진 추가 구글 애드센스 가입자는 애드센스 검색엔진을 자신의 블로그나 사이트에 등록하여 이용이 가능합니다. Google 기반 검색엔진을 내 블로그나 사이트에 손쉽게 추가하여 1. 내 블로그 글만 검색 2. 인터넷 검색 마음대로 설정이 가능합니다. 가장 유용한 기능은 블로그에 검색엔진을 장착하고 검색을 하면 검색 결과를 바로 밑에 제시하고 블로그 페이지의 본문 내용을 하단으로 위치 변동합니다. 검색 결과를 별도 페이지에 제시하는 것이 아니라 블로그 본문과 어울리게 보여 주기 때문에 검색을 하기 위하여 블로그를 벗어날 필요가 없습니다. 티스토리 북클럽 스킨 사용하고 있습니다. ※ "skin.html" 파일의 구글 검색엔진 코드입니다. 코드를 많이 수정하여 왼쪽의 라인 숫자는 일치하지 않을 것입니다. 동일한 스킨을 사용.. 2020. 11. 30. 댓글 티스토리 script.js GNB 오류 수정 ※ 2020.11.27: 블로그 반영 ※ 2024.03.26: 아래 링크한 알릭2님의 블로그에 원본 소스를 수정하는 자세한 이유와 설명이 기재되어 있습니다. 북클럽 스킨 - GNB 메뉴 현위치 버그 (tistory.com) 원본 (오류) $(window).load(function(){ $gnb.find("li").each(function(){ gnbWidth = gnbWidth + $(this).outerWidth() + 1; if ( window.location.pathname.indexOf($(this).find("a").attr("href")) != -1 ){ $(this).addClass("current"); } }); $gnb.find("ul").width(gnbWidth); if ( $gnb... 2020. 11. 18. 댓글 티스토리 블로그 코드 편집 오류를 대비한 백업 저와 같이 프로그램 언어를 전문적으로 공부하지 않은 블로거에게 적용할 수 있는 요령입니다. 다른 좋은 방법도 있을 것입니다. 제가 나름대로 사용하는 방법입니다. 블로그 편집할 때, 1. 원본 백업 2. 코드 수정 3. 수정본 백업 4. 코드 재수정 5. 재수정본 백업 이 과정을 항상 준수합니다. 정상적으로 수정한 것으로 확신하였는 데, 나중에 점검하다 보면 미처 생각하지 못한 변수를 적용하지 않아서 오류가 발생하는 페이지나 항목이 다수 발견됩니다. 그럴 때에는 이전 백업본과 현재 오류가 발생한 파일을 서로 비교하여 오류를 수정하거나 이전 버전의 파일로 교체하고 다시 그 단계부터 편집 작업을 다시 진행합니다. 북클럽 스킨에는 "style.css, skin.html, script.js"와 같은 중요 스킨 파.. 2020. 10. 9. 댓글 티스토리 북클럽 스킨의 댓글 관련 코드 오류 일부 수정 티스토리에서 제공한 'Book Club' 스킨에 댓글 관련 코드의 일부가 누락되었습니다. 댓글의 등록, 수정, 삭제 과정에 오류가 발생합니다. 모든 오류를 수정하지는 못하고 댓글을 등록하고 새로 고침을 하지 않으면 페이지의 내용이 갱신되지 않는 증상은 고칠 수 있습니다. 수정에 필요한 정보와 소스 코드는 티스토리 관련 페이지를 참고했습니다. 티스토리 / 스킨가이드 / 댓글 티스토리, 치환자 구조, 댓글 리스트입니다. 댓글주소 수정/삭제 댓글쓰기 댓글주소 수정/삭제 Book Club 스킨, 'skin.html' 파일의 455~497 라인입니다. 더보기 댓글주소 수정/삭제 답글 더보기 댓글주소 수정/삭제 2개의 코드를 비교해 보면 북클럽 'skin.html' 파일에 2개의 오류와 1개의 차이점이 발견됩니다... 2020. 9. 13. 댓글 티스토리 북클럽 스킨의 포스트 커버 기능 정지와 콘텐츠 위치 이동 티스토리 북클럽 스킨의 포스트 커버 위치 캡처 이미지입니다. 페이지의 가로폭(width) 전체를 사용합니다. 포스트 커버의 기능을 사용하지 않고 사이드바 옆의 본문 안으로 내용을 이동시킬 수 있습니다. 포스트 커버는 블로거가 등록한 정보 페이지에서 본문 위에 위치한 글의 제목, 글의 작성일, 글의 작성자, 글의 카테고리를 보여 주는 블록입니다. 이 포스트 커버를 본문 위로 이동하면 가로폭을 점유하는 공간이 사라지며, 본문 안으로 해당 내용을 이동시키기 때문에 깨끗하게 글의 내용을 편집할 수 있습니다. 아래 캡처 이미지에 포스트 커버를 이동할 위치를 설명하였습니다. 본문 내용 상단으로 이동합니다. 작업 과정은 다음 순서로 진행하게 됩니다. ※ 정보는 개인적으로 실험한 것이기 때문에 100% 안전은 보장하지.. 2020. 8. 29. 댓글
