안녕하세요. 이번엔 HTML, CSS, JS 코드와 그 결과를 예쁘게 보여줄 수 있는 사이트 codepen과 어떻게 티스토리 블로그에 적용할 수 있는지를 알아보겠습니다. 코드 펜(Codepen)이란? HTML, CSS, JS를 직접 작성하고, 그 결과 화면을 바로 볼 수 있게 해주는 기능이 있는 사이트입니다. 많은 사람들이 자신이 꾸민 기능들의 결과 화면과 HTML, CSS, JS를 공유하는 사이트이기도 합니다. 티스토리 블로그에 코드와 그 결과 화면을 보여주려면, 코드를 따로 스샷찍고, 결과도 따로 스샷을 찍어 보여줘야합니다. 특히 HTML, CSS, JS를 모두 사용한다면 코드와 그 결과화면을 보여주기가 어렵습니다. Codepen을 사용하면 아래처럼 이 문제를 간단히 해결할 수 있습니다. Codepe..
드디어 애드센스에 합격하게 되었습니다. 애드센스 합격한뒤 바로 광고를 넣는 방법에 대해 알아보겠습니다. 애드센스란? 애드센스란 구글이 운영하는 광고 게재 사업입니다. 광고주가 구글에 비용을 지불하고 광고를 요청하면, 구글은 애드센스 승인을 받은 홈페이지에 광고를 개제합니다. 이용자는 애드센스가 있는 홈페이지를 둘러보다 광고를 보게되는 구조입니다. 그렇다면 왜 구글 애드센스가 다른 광고에 비해 수익이 높을까요?? 구글 애드센스는 이용자가 검색한 기록, 여러 홈페이지에서 머문 기간 등 수많은 데이터를 바탕으로 이용자가 원할 만한 광고를 원하는 위치에 띄우는 알고리즘이 매우 발달되어있기 때문입니다. 광고 수동 삽입 애드센스 홈페이지에서 광고를 클릭하고, 광고 단위 기준을 클릭한 뒤에 디스플레이 광고를 누르시면..
저는 애드센스 승인이 처음 나고, 자동 광고를 적용한 뒤, 사이트에 적용하였습니다. 하지만, 광고들의 위치가 너무 제각각이어서 블로그 보기가 어렵다고 판단되어 광고 위치를 수동으로 조절하고자 했습니다. 그런데 특정 위치의 광고가 사라지지가 않아 그 문제를 해결하는 방법에 대해 포스팅해보려 합니다. 특정 위치의 광고 사라지지 않음 저의 경우에는 위의 사진처럼 블로그 최상단에 애드센스 광고가 사라지지 않았습니다. 애드센스에서 자동 광고 해제해서 적용도 해보고, 적용 후 1시간을 기다리라고해서 1시간을 기다려보기도 했지만 사라지지 않았습니다. 특히, 이것저것 시도하는데 다른 것들은 잘 적용되어 광고 위치도 바뀌고 잘하지만, 유독 저 광고만 사라지지 않아 답답하였습니다. 해결 방법 해결 방법은 해당 링크에서 저..
티스토리 블로그에는 코드블럭이라는 기능이 있습니다. 하지만, 티스토리에서 제공하는 코드블럭이 마음에 들지 않아 직접 Custom 해 봤습니다. 위와 같은 코드블럭 디자인을 Highlight.js를 이용해서 직접 만들어 보겠습니다. Highlight.js Highlight.js(https://highlightjs.org/) 는 189개의 프로그래밍 언어와 91가지 스타일을 지원합니다. (version 10.0.3 기준) sunburst 테마 적용 (HTML) 모두 소문자로 써서 티스토리 블로그 관리 페이지로 가셔서 좌측메뉴 > 꾸미기 > 스킨편집 을 클릭합니다. 그 후, html 편집을 누른 뒤, 사이 어디에나 위의 코드를 붙여넣어주시면 됩니다. sunburst 부분에 원하는 테마의 영어 이름을 '소문자'..
안녕하세요!! 2020년 4월 27일부로 변경된 티스토리 블로그 사이트맵 등록을 알아보겠습니다. 1. 티스토리 사이트맵 확인 1) 블로그 관리홈에서 블로그 클릭 블로그 관리홈에서 왼쪽 하단에 '관리'에서 '블로그'를 클릭합니다. 2) 사이트맵 주소 확인 스크롤을 내려보시면 주소 설정 부분에 사이트맵 주소가 있습니다. 보통 블로그주소/sitemap.xml 형태입니다. 2. 구글 서치콘솔에 사이트맵 및 RSS 등록하기 아래 링크를 클릭하시면 Google Search Console로 이동합니다. Google Search Console Search Console 도구와 보고서를 사용하면 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 사이트가 돋보이게 할 수 있습니다. se..
