netwareMore

CSS attribute selector

[attribute] selector[attribute="value"] selector[attribute~="value"] selector [attribute|="value"] selector [attribute^="value"] selector [attribute$="value"] selector[attribute*="value"] selector a[target] { ... }input[type="text"] { ... }div[style*="display: none"] { ... }div[style*="height: 40px"] { ... } - ':not()' selector와 결합div:not([style*="display: block"]) { ... } - ':not()' selector와 '..

티스토리 블로그의 도메인 포워딩과 애드센스 결합 주의

일부 도메인 포워딩 서비스를 이용하여 자신의 티스토리 블로그를 고유 도메인과 연결시켜 사용하는 사례가 많습니다. 예를 들어 "domainforwarding.kr" 도메인을 "domainforwarding.tistory.com"과 연결하여, "domainforwarding.kr"로 접속이 가능하게 만드는 방법입니다. 티스토리 블로그에 구글 애드센스 배너를 부착할 때 먼저 확인해야 할 것이 있습니다. 아래 정보는 구글 애드센스 고객센터에 등록된 정보의 일부를 발췌한 것입니다. http_only Google 크롤러는 HTTP 및 HTTPS의 모든 ads.txt 파일을 크롤링하려고 시도합니다. HTTP만 소유한 경우 크롤러가 ads.txt를 찾을 수 있도록 HTTPS에서 HTTP로 리디렉션을 설정하세요. htt..

티스토리 백업 실패 (후 성공)

2022년 10월 27일 아침 데이터 센터 문제로 일시 중지되었던 티스토리 백업이 성공적으로 종료되어 하나의 압축 파일 안에 블로그 모든 글을 백업해 놓았네요. 백업 방법은 본 글의 중간에 설명해 놓았습니다. 2022년 10월 15일 티스토리 운영이 중단되는 사건이 발생하였습니다. 등록한 글의 데이터 백업을 해놓지 않아서 혹시 지금 가능할까 검사하는 마음으로 백업을 실행하였습니다. 그리고 24시간 지났습니다. 계속 백업 중이라는 메시지가 떠 있었습니다. 아래와 같이 새소식이 알림 메시지로 도착하였습니다. 테스트 계정이 하나 더 있어서 2개의 메시지가 전송된 것입니다. 작업이 완료되었는 데, 백업 신청을 일시 중단하는 것으로 종료되었습니다. 서버가 불안정하여 관리자가 백업 프로세스를 강제로 종료시킨 것으로..

티스토리 애드센스 광고 송출 문제

더보기 ※ 애드핏 - 모든 페이지 광고 정상 출력 ※ 애드센스 - PC 첫 페이지 정상 출력 - 모바일 페이지 정상 출력 ▶ 2022.10.12부터 모바일 첫 페이지 제외하고 출력 불량/불능 PC 나머지 페이지 출력 불량/불능 PC 사이드바 "애드센스 관리 설정" 출력 불량/불능 PC 사이드바 "플러그인" 정상 출력 ▶ 2022.10.11 오후 애드센스 이따금씩 정상 출력. 증상이 계속 변합니다. 최근 티스토리 블로그에 부착한 구글 애드센스 광고가 전혀 출력되지 않거나, 뜸하게 그리고 불규칙하게 출력되는 문제가 발생하고 있습니다. 티스토리 블로그 계정 소유자는 애드센스 광고 서비스를 직접 제공하는 구글, 그리고 티스토리 블로그와 연동시켜 블로그 관리 페이지에서 쉽게 설정 가능한 서비스를 제공하는 카카오에..

구글 크롬 기준 특정 웹 사이트 이미지 로딩 차단 설정

How to block website Images by setting Google Chrome 특정 웹 사이트의 웹페이지에 첨부된 이미지의 로딩을 차단하는 방법 - 과도하게 첨부된 이미지를 차단하고 텍스트만 로딩하여 쾌적한 인터넷 로딩 속도로 유용한 정보를 취득할 수 있습니다. - 페이지에 첨부된 광고의 이미지 소스가 다른 사이트일 경우 광고 이미지는 차단되지 않습니다. - Google Chrome 브라우저 - Version 105.0.5195.127 (Official Build) (64-bit) 크롬 웹 브라우저의 오른쪽 3점 메뉴 버튼을 누릅니다. 펼쳐진 메뉴의 선택 항목 중에서 '설정'을 선택합니다. 설정 항목에서 '개인정보 및 보안'을 선택합니다. 개인정보 및 보안 항목에서 '사이트 설정'을 선택..

구글 애드센스 광고 용어 정리

구글 애드센스 고객센터의 도움말 센터에서 제공하는 용어집의 내용 일부를 간추렸습니다. [링크] 구글, 애드센스, 고객센터, 도움말 센터, "용어집" 이해하기 편하게 원문을 수정하였습니다. 그리고 일부 영문 표기는 구글 검색과 용어집 영문판의 내용을 참고하였습니다. 정리하는 과정의 부주의와 무지로 인한 오류가 발견될 수 있습니다. 정확한 내용은 위 링크 참고 CPC - 클릭당 비용, cost-per-click - cost / click - 광고 1회 클릭으로 게시자가 벌어들이는 금액 ※ 광고의 CPC는 전적으로 광고주가 정하는 것이며, 광고하는 제품에 따라 광고주가 클릭당 지불하려는 금액이 달라집니다. CPM (광고) - 1,000회 노출당 비용 - cost per mille, or cost per tho..

FireFox에서 flex-wrap과 overflow의 호환성 부족 해결 사례

#aside .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; /* 문제의 원인 */ "#aside .inner"는 flex 컨테이너이며, 2개의 박스 a와 b를 담고 있습니다. 컨테이너는 상하(y축) 스크롤됩니다."flex-wrap: wrap" 설정을 집어넣어 컨테이너의 폭이 여유가 있을 경우 가로로 2개의 박스를 배열하고, 폭이 좁을 경우 세로로 박스를 배열합니다. MS Edge와 Google Chrome은 가로, 세로 배치가 정상으로 전환되지만, Mozilla FireFox는 세로로만 배열됩니다. Microsoft Edg..

티스토리 블로그 로그인 오류 "지금 이 페이지가 작동하지 않습니다."

제 경우에는 카카오계정, 티스토리 계정 모두 로그인 안되고 위의 오류 메시지 떴습니다. 현재는 여러 가지 방법을 시도하다가 가까스로 카카오계정으로 로그인 성공하였습니다. 티스토리 로그인 서버에서 오류가 발생하여 복구한 것일지도 모릅니다. 어쨌든 위와 같은 오류 메시지가 뜰 때, 계정 관리자가 시도할 수 있는 방법이 있어서 기재해 놓겠습니다. 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..

viewport maximum-scale, minimum-scale

documentroot elementelement elementelementattribute"href"elementelementtext"my title" text"my link"text"my header"더보기The element is a container for meta-data(a set of data that describes and gives information about other data) and is placed between the tag and the tag.HTML 문서 요소의 viewport 설명 ① minimum-scale=1.0maximum-scale=1.0접속자가 컨텐트를 뷰포트 기준 100%(1.0)까지 확대 및 축소할 수 있게 설정하였습니다. minimum-scal..

북클럽 스킨 "포인트 컬러(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:..