변경 9 티스토리 카테고리의 새로운 글 아이콘 변경하는 방법 티스토리에 (댓글 아니고) 새로운 글을 등록하면 카테고리에 글이 등록되었다는 "N"자 아이콘이 새롭게 표시됩니다. 위 이미지를 기준으로 하여, 전체 글("글 모음"), 메인 카테고리("IT"), 서브 카테고리("티스토리") 3군데 아이콘이 나타납니다. 만약에 메인 카테고리만 사용한다면 2군데 표시가 되겠죠. 자신이 원하는 다른 이미지가 표시되도록 변경하는 방법 설명합니다. 1. 사용할 아이콘을 업로드합니다. 티스토리에서는 업로드한 이미지는 자동으로 "images" 폴더로 이동합니다. 2. style.css에 필요한 코드를 추가하고 업로드합니다. 사용하는 코드는 아래와 같습니다. 개인 사용 환경에 맞게 수정하면 됩니다. /* style.css에 추가하는 코드 */ #category li a img { bo.. 2023. 3. 16. 구글 애드센스의 광고주 URL 차단 기능 변경 구글 애드센스 계정에 들어갔더니 2개의 알림 메일이 있습니다. 오늘 글은 "알림: 3일 후 하위 도메인 차단 기능이 도메인 수준으로 승격됩니다."가 무슨 말인지 확인하는 과정을 서술합니다. 알림 메시지의 아래에는 "작업" 링크가 있습니다. 알림의 내용이 어려워서 이해가 힘든 경우 들어가서 정확한 뜻을 확인하고 알맞은 대응 방안을 생각하라는 것입니다. 하위 도메인에 적용하던 기존의 차단 관리 기능을 도메인 수준으로 승격하겠다는 의미인 것 같습니다. 왜, 어떤 사유로 도메인을 차단하는 기능을 변경하는 것인지 그리고 어떤 도메인을 차단하는 것인지 자세한 내역이 명시되어 있지 않습니다. 구글에서 관련 내용에 사용한 단어를 조합하여 검색을 시도합니다. 검색어는 "하위 도메인 차단 기능". 위와 같이 검색 결과의 .. 2023. 3. 15. 북클럽 스킨 "포인트 컬러(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. 클릭 후 입력(input) 필드의 색과 placeholder의 글자 색 변경 현재 블로그에 사용하는 검색 입력 창의 모습입니다. 배경 색 #eee, placeholder의 글자 색 #555입니다. 마우스로 클릭하고 난 후 커서가 중앙에서 깜박이고 있으며 입력 창의 배경 색이 #fff으로 변경되고, placeholder 글자는 사라졌습니다. 편하게 입력할 준비가 된 상태입니다. 클릭을 했는 데도 placeholder 글자가 남아 있으면 입력하기 전에 먼저 지워야 하는지 고민하게 됩니다. HTML의 placeholder는 입력 창 혹은 입력 필드에 집어넣을 내용에 대한 설명을 간단하게 나열한 문구입니다. ※ 웹 브라우저의 쿠키에 저장되어 있던 예전에 입력한 검색어들과는 관련이 없습니다. 웹 브라우저로 접속한 웹 사이트에서 사용자가 기존에 입력했던 입력 단어를 입력 필드에 미리 제시하.. 2022. 5. 31. 북클럽 스킨 main-slider 설정 변경 홈페이지를 제외한 사용자 지정 특정 페이지에만 main-slider를 실행시켜 블로그 첫페이지 로딩 속도뿐만 아니라 PageSpeed Insights의 측정 점수도 높이는 방법입니다. 북클럽 스킨 main-slider 위치에 따른 구글 PageSpeed Insights 점수 변동 1. 블로그 첫 페이지에 main-slider 배치 ※ 북클럽 스킨의 기본 값은 main-slider를 첫 페이지에서만 보여 줍니다. #tt-body-index .main-slider { display: block; } 2. 카테고리 페이지에 main-slider 배치 ※ 하나의 블로그에는 일반적으로 여러 페이지의 카테고리가 존재합니다. 그 페이지들에 모두 main-slider를 보여 주는 것입니다. 첫 페이지 하나에만 main.. 2022. 4. 29. 네이버 블로그 시스템 이웃 표시 방법 변경 네이버에서 블로그의 이웃 표시 방법을 변경했습니다. 오늘 2021년 5월 08일입니다. 언제부터 이웃 관리 시스템이 이렇게 수정되어 현재까지 지속되었는지 모릅니다. 어쨌든 현재는 변경된 상태입니다. 나와 A가 각각 상대방을 이웃으로 등록하였을 경우 (서로이웃 아닙니다.) 상대방 A의 블로그에 방문하여, 버튼을 누르면, 팝업창에, "A 님도 나를 이웃으로 추가하셨어요!" 초록색 문구를 같이 표시했었습니다. 상대방도 나를 현재 이웃으로 등록하고 있다는 의미입니다. 그런데 오늘 아침에 확인해 보니까, 표시 방법이 변경되었습니다. 상대방 블로그에 방문하여, 버튼을 누르니까 초록색 문구가 사라졌습니다. "... 님도 나를 이웃으로 추가하셨어요!" 이제 표시하지 않습니다. 이제 상대방이 나를 이웃에서 삭제하였는.. 2021. 5. 8. KT 가입 핸드폰 사용자 소액 결제 내역 무단 변경 읽기 전에 꼭 알아야할 정보 KT 소액 결제 "이용 동의하기" KT 소액 결제 서비스를 이용하려면, 가입자는 반드시 본인이 "소액 결제 서비스"를 언제든지 이용할 수 있는 사전 동의를 KT와 약정을 맺어야 합니다. "이용 동의하기"가 바로 "소액 결제 서비스" 가입을 의미하지 않습니다. "소액 결제 서비스" 전 단계가 "이용 동의하기"입니다. "이용 동의하기" 약정을 맺으면 KT에서 약정을 파기하거나 해지하지 않는 한 평생 "동의" 상태를 유지합니다. 통신사를 이동해도 KT에는 가입자의 "이용 동의" 상태가 지속됩니다. KT에 재가입하면 "이용 동의"가 이미 완료된 상태이므로 "소액 결제 서비스"에 바로 가입할 수 있습니다. 가입자 본인이 "이용 동의하기"를 절대 해지하지 못합니다. KT만 "이용 동의하.. 2021. 4. 25. Book Club 스킨 NavBar(GNB) 오류 수정 블로그의 대표 페이지 정보를 찾기 쉽게 상단에 배치하는 GNB 메뉴바의 오류 수정 티스토리 Book Club 스킨 (MIT License) 파일: "script.js" 20210402 본문 하단 "5. 추가 수정" - 로딩 속도 향상을 위한 구문 변경 20210403 본문 하단 "6. (아마도) 마지막 수정" - 내비게이션 메뉴바, #GNB의 오류를 모두 수정한 것으로 추측합니다. 1. "홈" 메뉴 이중 링크 수정 2. "홈" 메뉴를 삭제할 경우 처음 메뉴가 잘못 "current" 표시되는 오류 수정 3. 카테고리 경로뿐만 아니라 파일을 메뉴에 등록할 경우에도 "current" 표식 가능 4. 조건문을 하나로 단축하여 로딩 속도 단축 기본 코드의 오류 증상 1. 북클럽 스킨의 기본 코드 스킨 데모 페이지.. 2021. 3. 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.
