CODE3 google adsense 광고에 적용하는 inline CSS code 예제 Google Adsense Help / Ad units의 다음 페이지 참고"How to modify your responsive ad code"다음 작업은 html 파일에 관련 코드를 추가하는 요령입니다. 티스토리 배포 스킨에서는 'skin.html' 파일을 수정합니다. 1. 애드센스 개별 광고(display ad unit) 페이지에서 제공하는 코드를 위한 클래스를 지정합니다. 아래 예문에서는 "ads_aside" 클래스를 추가하였습니다. 블로그 사이드바에 부착하는 광고라서 위치 확인이 편한 이름을 사용하였습니다. 2. 위에서 지정한 클래스를 위한 CSS style 코드를 추가합니다. ※ 애드센스에서 제공하는 개별 광고의 기본 코드에 지정한 style 항목과 충돌하지 않게 조심합니다. 2024. 8. 27. 댓글 웹 파일 압축 서비스 사이트 압축 서비스라는 것은 파일에 들어 있는 공백(스페이스)를 제거하거나 반복되는 동일한 코드를 일정한 규칙에 따라서 단순화 시켜서 파일의 용량을 줄이는 것입니다. ※ 파일 압축은 관련 분야의 영어 단어로 minify, compress를, 이미지 파일의 용량을 줄여서 웹 로딩 속도를 최적화 한다는 의미로 optimize를 사용합니다. 네트워크로 전송해야 할 데이터의 크기를 작게 만들어 보다 빠른 페이지 로딩을 도모하게 됩니다. HTML, CSS, Javascript와 같은 간단한 웹 페이지 구현을 위한 파일뿐만 아니라 PNG와 JPG 같은 이미지 포맷의 파일도 압축이 가능합니다. 텍스트로 이루어진 HTML, CSS, Javascript 파일을 압축하면 코드가 한 줄이 됩니다. 보기에 불편하기 때문에 다른 개.. 2021. 6. 8. 댓글 DevTools, 개발자 도구의 HTTP 404 오류 브라우저 개발자 도구를 활용한 페이지 소스 코드의 오류 수정 DevTools가 원본 맵을 로드 하지 못했습니다. https://yyy/xxx.js.map의 콘텐츠를 로드할 수 없습니다. HTTP 오류: 상태 코드 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools failed to load SourceMap: Could not load content for xxx.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 브라우저를 실행시킨 상태에서 키보드 F12 혹은 를 동시에 누르면 개발자 도구가 실행됩니다. 웹 페이지의 각종 코드 정보와 오류를 확인할 수 있는 유용한 도구입니다. 이 개발.. 2020. 7. 22. 댓글
