트래픽 등 일정 기준을 만족시키면 애드센스의 '일치하는 콘텐츠' 광고를 게재할 수 있습니다. 이 블로그에서도 일치하는 콘텐츠 광고를 표시하고 있습니다. 티스토리가 최근 애드센스와 통합하여 수익 메뉴에서 애드센스 수익을 확인할 수 있도록 업데이트되었습니다. 일치하는 콘텐츠 광고는 수익 > 애드센스 관리 기능을 사용하여 게재할 수 없다고 하시는 분들이 계시네요. 저는 광고 코드를 스킨 파일에 직접 추가하여 표시하고 있습니다. 티스토리에 구글 애드센스의 '일치하는 콘텐츠' 광고 표시하기 일치하는 콘텐츠 광고를 수동으로 삽입하고 싶은 경우... 일치하는 콘텐츠 광고 단위를 생성하여 광고 코드를 복사한 다음 티스토리 스킨 파일 내의 적절한 곳에 추가하면 됩니다. 애드센스 계정 페이지 먼저 애드센스 계정 페이지에 ..
요즘에는 사이드바가 오른쪽에 배치되는 경우가 많습니다. 경우에 따라 사이드바를 왼쪽으로 이동하고 싶을 수 있습니다. 그런 경우 간단한 CSS로 가능합니다. 이 글에서는 고래 스킨의 사이드바를 오른쪽에서 왼쪽으로 이동하는 방법에 대해 살펴보겠습니다. 티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨) 제가 처음 홈페이지 접했을 당시에만 해도 대부분의 사이트의 사이드바가 왼쪽에 배치되어 있었습니다. 당시에는 그런 것이 당연하게 느껴졌고 그것에 대해 별로 눈여겨보지 않았습니다. 하지만 워드프레스가 등장하면서 사이드바가 오른쪽에 배치되기 시작했고 구글에 잘 노출되는 결과가 나타났습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? 10년 이상 전에는 웹사이트에 사이드바가 대부분의 왼쪽에 ..
간혹 방문하는 커뮤니티에서 티스토리 스킨 중 FastBoot 스킨의 구글 페이지스피드 인사이트 점수가 높다고 하여 FastBoot 스킨을 사용하는 사이트 몇 개를 찾아서 점수를 측정해보니 생각보다 높게 나오지는 않았습니다. 같은 스킨을 사용하더라도 블로그마다 점수 차이가 있는 것 같습니다. 이번 기회에 제 블로그의 점수도 측정해보았습니다. 티스토리 블로그 구글 페이지스피드 인사이트 속도 먼저 알아두어야 할 점은 구글 페이지스피드 인사이트(Google PageSpeed Insights)는 실제 사이트 속도를 알려주는 지표는 아닙니다. 다만, 사이트를 느리게 하는 것에 대한 Insights (인사이트) 즉 통찰력을 제시한다고 합니다. 속도가 빠른 사이트도 구글 페이지스피드 인사이트 점수가 낮은 경우가 있습니..
이 블로그에서 티스토리의 소제목 스타일을 변경하는 방법에 대해 설명한 적이 있어 중복이라서 굳이 다루지 않았지만 고래 스킨에서 소제목 스타일을 지정하는 방법에 대한 문의가 간혹 있어 정리해보았습니다. 티스토리 고래 스킨 소제목 스타일 변경하기 (머리말 스타일) 소제목 스타일을 지정하는 방법은 기본적인 CSS를 알면 그리 어렵지 않게 가능합니다. 현재 이 블로그에는 다음과 같은 스타일로 소제목(머리말)이 표시됩니다. 이 스타일은 어떤 티스토리 블로그를 통해 공개된 CSS를 기반으로 한 것입니다. 지금은 그 블로그를 찾아보려고 하니 검색이 잘 안 되네요. 티스토리 고래 스킨에서 위와 비슷하게 소제목 (머리말, 헤딩) 스타일을 지정하려면 다음과 같은 CSS 코드를 사용하면 됩니다. /* 티스토리 고래 스킨 소..
티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에서 이동 경로를 표시하여 SEO 개선에 도움이 됩니다. 티스토리 고래 스킨에 브레드크럼 표시하기 이전 글에서 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 스킨이 달라져도 브레드크럼을 추가하는 방법은 비슷합니다. 원리만 이해하면 다른 스킨에서도 쉽게 가능할 것입니다. 티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법 브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했습니다. 티스토리의 신규 스킨 ..
지난주에 이 티스토리 블로그의 스킨을 북클럽에서 고래 스킨 4.0으로 바꾸었습니다. 고래 스킨에는 글 하단에 SNS 공유 아이콘이 표시됩니다. 그러므로 별도의 SNS 플러그인을 사용할 필요 없이 스킨에 내장된 기능을 사용하면 됩니다. 저는 PC에서 글 하단에 표시되는 SNS 아이콘을 왼쪽에 붙박이로 표시되도록 바꾸었습니다. 티스토리 블로그에 SNS 공유 아이콘을 표시하는 방법 티스토리에 SNS 아이콘을 표시하는 방법으로 크게 두 가지를 생각해볼 수 있습니다. 하나는 티스토리에서 제공하는 플러그인을 사용하는 것이고, 다른 하나는 외부 서비스를 이용하는 것입니다. 티스토리에서는 플러그인 메뉴에서 SNS 글보내기 플러그인을 설치하여 SNS 공유 버튼을 글 하단에 표시할 수 있습니다. 하지만 개인적인 생각에는 ..
작년 8월 말부터 공식 티스토리 스킨 중 하나인 북클럽 스킨을 사용하다 며칠 전에 티스토리 무료 스킨인 고래 스킨으로 변경했습니다. 이 스킨은 네이버, 구글 검색 엔진에 최적화되어 있고 구글 애드센스 광고에도 최적화되어 있다고 하네요. 티스토리 광고 수익이 증가하지 않을까 기대되네요. 티스토리 스킨 고래 스킨 4.0으로 변경 티스토리에서 가장 최근 공개한 공식 티스토리 스킨 중 하나인 북클럽 (Book Club)을 적용하여 레이아웃과 기능을 조금 고쳐서 10개월 남짓 사용해왔습니다. 기념으로 북클럽 스킨을 적용했을 때의 모양을 스크린샷으로 만들어보았습니다. 며칠 전에 고래 스킨으로 변경한 후에 잠시 시간을 내어 제 입맛에 맞게 일부를 수정했습니다. 아직 손봐야 할 곳이 있지만 당분간 이렇게 사용하면서 필..
하루일기 님이 티스토리 스킨 중 하나인 고래 3.4에서 목차가 생성되지 않는 문제가 발생한다고 하여 고래 3.4 스킨에서 목차를 적용하는 방법에 대해 간단히 정리해보았습니다. 이 방법은 고래 스킨 4.0에서도 동일하게 적용이 가능합니다. 티스토리 블로그 고래 스킨에 목차 자동 생성하기 티스토리 블로그의 스킨에 목차를 자동 생성하는 기본적인 방법은 티스토리 블로그의 모든 글에 자동으로 목차 표시하는 방법에 자세히 설명되어 있습니다. 고래 스킨에도 마찬가지로 방법으로 적용할 수 있습니다. 다만, 약간의 수정이 필요합니다. 1. 자바스크립트 파일 및 js 파일을 로드하는 코드 추가하기 위의 글에 설명된 대로 Js 파일을 업로드하여 티스토리 블로그에서 로드하도록 바로 앞에 아래 라인을 추가합니다. (꾸미기 > ..
최근댓글