IT & 기타/티스토리 195

2차 도메인 연결한 티스토리 블로그 구독하기 (구독이 불가능할 때)

티스토리 블로그에 2차 도메인을 연결하면 로그인이 풀려서 티스토리 계정으로 댓글을 달 수가 없고 구독하기 버튼을 눌러도 구독이 되지 않습니다. 그리고 기존에 구독한 경우에도 구독 해지가 되지 않습니다. 이 현상은 구글 크롬 등 주요 브라우저의 정책 변경으로 인한 것입니다. 네이버 블로그는 이 때문에 개인 도메인 연결 서비스를 종료했고 기존에 연결한 도메인도 올해 말까지만 유지됩니다("네이버 블로그 개인 도메인 연결 서비스 종료 대처 방법" 참고). 2차 도메인을 연결한 티스토리 블로그를 구독하고 싶은 경우 다음과 같은 방법으로 가능할 수 있습니다. 2차 도메인 연결한 티스토리 블로그 구독하기 2차 도메인을 연결한 티스토리 블로그에서 구독 버튼을 눌러도 구독이 되지 않는 경우, 해당 페이지에서 Ctrl +..

티스토리에서 사진 이미지를 나란히 표시하는 방법 (갤러리 형식)

이번 글에서는 티스토리에서 유용하게 이용할 수 있는 팁 하나를 소개할까 합니다. 티스토리에서 아래와 같이 갤러리 형식으로 사진이나 그림 파일들을 나란히 표시하고 싶은 경우가 있습니다. 이미지를 나란히 배열하고 싶은 경우 신 에디터에서는 이미지를 다른 이미지 위로 드래그하여 드롭하는 방식으로 쉽게 2개 또는 3개 이미지를 나란히 넣을 수 있습니다 티스토리에서 사진 이미지를 나란히 표시하는 방법 위와 같이 이미지를 나열하고 싶은 경우 A 이미지와 B 이미지를 삽입한 후에 B 이미지를 A 이미지 위로 올리면 됩니다. 이런 식으로 3장의 이미지를 나란히 배열할 수 있습니다. 위의 그림과 같이 아래 사진을 위의 사진 위로 올려서 놓으면 다음 그림과 같이 두 개의 이미지가 나란히 배열됩니다. 세 장까지 나란히 배치..

티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨)

요즘에는 사이드바가 오른쪽에 배치되는 경우가 많습니다. 경우에 따라 사이드바를 왼쪽으로 이동하고 싶을 수 있습니다. 그런 경우 간단한 CSS로 가능합니다. 이 글에서는 고래 스킨의 사이드바를 오른쪽에서 왼쪽으로 이동하는 방법에 대해 살펴보겠습니다. 티스토리 블로그 사이드바 왼쪽으로 이동 방법 (고래 스킨) 제가 처음 홈페이지 접했을 당시에만 해도 대부분의 사이트의 사이드바가 왼쪽에 배치되어 있었습니다. 당시에는 그런 것이 당연하게 느껴졌고 그것에 대해 별로 눈여겨보지 않았습니다. 하지만 워드프레스가 등장하면서 사이드바가 오른쪽에 배치되기 시작했고 구글에 잘 노출되는 결과가 나타났습니다. 왼쪽 사이드바와 오른쪽 사이드바: 어느 것을 선택해야 할까? 10년 이상 전에는 웹사이트에 사이드바가 대부분의 왼쪽에 ..

맨 위로 가기 버튼 추가하기 (Back To Top / Scroll To Top)

아래로 블로그 글을 스크롤하면 화살표 아이콘이 표시되고 클릭하면 맨 위로 이동하는 '맨 위로 가기' 버튼을 추가하고 싶은 경우 다양한 방법으로 가능합니다. 저는 이 티스토리 블로그에 간단한 jQuery 스크립트를 사용하여 '맨 위로 가기' (Scroll To Top) 버튼을 추가했습니다. 티스토리에 맨 위로 가기 버튼 추가하기 맨 위로 이동하기 버튼을 여러 가지 방법으로 추가할 수 있습니다. 간단한 HTML과 CSS로 버튼을 클릭했을 때 상단의 ID로 이동하도록 할 수 있습니다. 부드럽게 스크롤되도록 하려면 자바스크립트/제이쿼리를 이용할 수 있습니다. 저는 Animated Scroll to Top with jQuery (jQuery를 사용하여 애니메이션 Scroll to Top 구현하기) 글에서 제시하는..

티스토리 블로그 구글 페이지스피드 인사이트 속도

간혹 방문하는 커뮤니티에서 티스토리 스킨 중 FastBoot 스킨의 구글 페이지스피드 인사이트 점수가 높다고 하여 FastBoot 스킨을 사용하는 사이트 몇 개를 찾아서 점수를 측정해보니 생각보다 높게 나오지는 않았습니다. 같은 스킨을 사용하더라도 블로그마다 점수 차이가 있는 것 같습니다. 이번 기회에 제 블로그의 점수도 측정해보았습니다. 티스토리 블로그 구글 페이지스피드 인사이트 속도 먼저 알아두어야 할 점은 구글 페이지스피드 인사이트(Google PageSpeed Insights)는 실제 사이트 속도를 알려주는 지표는 아닙니다. 다만, 사이트를 느리게 하는 것에 대한 Insights (인사이트) 즉 통찰력을 제시한다고 합니다. 속도가 빠른 사이트도 구글 페이지스피드 인사이트 점수가 낮은 경우가 있습니..

구글 애널리틱스 국가별 방문자 수 확인하기

블로그에 유입되는 방문자 중 해외 유입자의 비율을 알고 싶은 경우 구글 애널리틱스에서 확인이 가능합니다. 해외에서 봇이 많이 유입되므로 특정 국가의 유입은 통계에 넣지 않도록 차단하는 것도 고려해볼 수 있습니다. 저는 러시아에서 유입되는 방문자의 통계는 제외하도록 필터를 구성했습니다. 구글 애널리틱스 국가별 방문자 수 확인하기 대부분의 티스토리 블로그의 경우 해외 방문자 비율이 (봇을 제외할 경우) 무시할 만한 수준일 것입니다. 구글 애널리틱스에서 국가별 방문자 수를 확인할 수 있습니다. 먼저 맞춤 대시보드를 만들도록 합니다. 그러면 자주 확인하는 통계를 한 곳에서 볼 수 있습니다. 맞춤 대시보드를 만드는 방법은 다음 글의 "구글 애널리틱스 활용하기: 맞춤 대시보드" 부분을 참고해보세요. 구글 애널리틱스..

애드블록 차단 필요할까?

블로그로 수익을 내는 방법으로 일반적으로 애드센스 광고를 많이 이용하고 있을 것입니다. 하지만 애드블록은 애드센스 광고 수익에 부정적인 영향을 미칩니다. 이 때문에 일부 블로그에서는 애드블록을 감지하여 애드블록을 차단하는 조치를 취하고 있습니다. 애드블록을 차단하는 것이 과연 필요할까요? 애드블록 차단 필요할까? 저는 네이버 뉴스 사이트에서 뉴스 기사를 자주 봅니다. 일부 뉴스 사이트에는 과도하게 많은 광고를 표시합니다. 어떤 사이트에는 지저분한 광고가 표시되기도 합니다. 그런 상황을 자주 접하다 보니 광고를 차단하는 애드블록을 설치하는 사용자들이 충분히 이해가 됩니다. 이러한 무분별한 광고 표시 행태 때문에 애드센스 광고로 용돈을 벌어보려는 블로거들도 피해를 보고 있습니다. 애드블록 사용자 비율 얼마나..

다음 검색 통누락 대처 방법

티스토리는 다음 검색엔진에 잘 노출되는 편입니다. 하지만 티스토리의 끝은 저품질이다라는 말이 있을 정도로 많은 티스토리 블로그들이 저품질 문제를 경험합니다. 최근 티스토리 블로그를 추가로 하나 만들어 테스트로 쿠팡 상품 소개 글을 올려보았습니다. 쿠팡 관련 글 때문에 블로그 글 전체가 다음 검색엔진에서 누락되는 통누락이 발생했습니다. 통누락이 발생할 경우 다음 고객센터에 문의하여 누락을 풀어달라고 요청할 수 있습니다. 다음 검색 통누락 대처 방법 네이버나 다음에는 저품질이라는 것이 있습니다. 저품질에 걸리면 블로그 글이 검색되지 않거나, 검색되어도 글이 뒤쪽으로 밀려나서 방문자 유입이 급감하게 됩니다. 다음에서는 글이 노출되어도 뒤쪽으로 밀려나거나, 혹은 아예 모든 글이 검색엔진에서 사라지는 통누락이 있..

티스토리 본문 구글 애드센스 광고 추가하기 (서식 활용)

티스토리 블로그 본문에 광고를 추가하는 다양한 방법이 있습니다. 앞서 HTML 코드로 추가하는 방법을 소개했습니다만, 다른 방법으로 새 에디터에서 서식을 활용하여 쉽게 구글 애드센스 광고를 티스토리 본문에 추가하는 방법도 있습니다. 이 방법은 본문에 광고를 추가할 때 HTML 모드에서 추가할 필요가 없으므로 수동으로 AdSense 광고 코드를 입력하는 것보다 더 편리할 것입니다. 광고 코드를 본문에 수동으로 추가하는 방법 vs. 자동으로 추가하는 방법 다만 앞서 소개한 방법과 이 글에서 소개하는 방법 모두의 단점은 광고 코드가 본문에 삽입되어 전체 글 레벨에서 수정을 할 수 없다는 점입니다. 또한, 일일이 광고를 삽입해야 하고 추후에 수정할 일이 있으면 수정하기가 만만치 않게 됩니다. (하지만 추후에 일..

티스토리 글 중간에 쉽게 구글 애드센스 광고 코드 추가하기

티스토리 블로그에서 자동 광고 기능을 사용하지 않고 글 중간에 구글 애드센스 광고를 수동으로 넣으려면 보통 광고 단위를 생성하여 애드센스 광고 스크립트 코드를 직접 추가할 수 있습니다. 하지만 광고 스크립트를 추가할 경우 경우에 따라 글을 수정한 후에 광고가 표시되지 않을 수 있습니다. 보다 쉽게 광고 코드를 HTML 코드 형식으로 넣는 방법이 있어 소개합니다. ☞ 다른 방법으로 서식으로 지정하여 새 에디터에서 HTML 모드가 아닌 기본 모드에서 쉽게 추가하는 방법도 있습니다. "티스토리 본문 구글 애드센스 광고 추가하기 (서식 활용)"를 참고해보세요. 티스토리 글 중간에 쉽게 구글 애드센스 광고 코드 추가하기 티스토리 블로그의 글 중간에 광고를 수동으로 추가하려면 먼저 구글 애드센스 계정에 로그인하여 ..