본문 바로가기

티스토리

(5)
티스토리 Poster 스킨 상단 메뉴 고정하기 모바일 폰트 CSS 수정하기 깔끔한 반응형 스킨 Poster 티스토리 블로그 스킨 Poster를 사용하고 있습니다. 최근에 블로그를 생성하면 디폴트로 선택되는 스킨이기도 합니다. 무엇보다도 모바일과 PC 모두에서 잘 동작하는 반응형 디자인을 잘 지원하는 스킨이기도 하고 모노톤의 모던함을 강조하는 깔끔하고 심플한 면이 매력적인 스킨입니다. 상단 메뉴 버튼을 고정시키자 Poster 스킨은 좌측 상단에 사이드 메뉴를 오픈하는 햄버거 버튼이 존재합니다. 화면이 스크롤되면 해당 버튼이 사라지게 되어 모바일 등에서는 조금 불편한 것 같습니다. Poster 스킨의 CSS를 일부 수정하여 이 버튼을 항상 같은 위치에 고정되도록 해보겠습니다. 메뉴 버튼의 CSS 클래스 확인 크롬 개발자도구로 메뉴 버튼의 CSS 클래스를 먼저 확인합니다. Poste..
티스토리 카테고리 링크 구글 애드센스 에러 해결하기 (광고 안보이는 현상) 애드센스 광고가 나왔다 안 나왔다 한다? 티스토리 블로그에 글을 꾸준히 작성해서 그 어렵다는 애드센스 고시를 어렵게 어렵게 통과했습니다. 이제 애드센스 사이트에서 광고 단위를 생성하고 어떻게 광고를 달아야 돈이 벌릴까를 고민하며 이리저리 만져보게 됩니다. 그런데 가끔씩 애드센스 광고가 나왔다 안 나왔다 하는 현상이 발견됩니다. 카테고리 목록에서 선택한 경우에 광고가 안나온다. 관련 카테고리 글 목록에서 클릭하여 본문을 열 경우에 애드센스 광고가 안 나오는 현상이 목격됩니다. 본문 하단의 카테고리의 다른 글 목록에서 클릭하여 오픈된 페이지에서도 광고가 나오지 않습니다. 저 말고 다른 티스토리 블로거의 사이트에서도 동일한 현상을 목격했습니다. 페이지 URL 이 오염되면 안 나온다? 검색엔진에서 유입되거나 블..
티스토리 블로그 본문 중간에 구글 애드센스 광고 자동으로 삽입하기 블로그 글 본문에 삽입된 애드센스 광고 글의 전체 맥락을 해치지 않는다면 블로그 글 본문에 구글 애드센스 광고를 삽입해도 무방하다고 생각하는 편입니다. 글의 길이가 충분히 길고 제공하는 콘텐츠의 내용이 풍부하다면 본문 중간에 삽입된 광고는 블로그 운영자와 방문자 모두에게 도움이 될 거라 생각합니다. 애드센스 광고 삽입 방법 블로그 글 본문에 애드센스 광고를 삽입하는 방법은 여러가지가 있습니다. 1) 티스토리 구글 애드센스 플러그인을 활용하는 방법도 있고, 2) 서식이나 외부 콘텐츠를 이용해서 직접 광고 코드를 본문 내에 삽입하는 방법도 있습니다. 두 가지 방법 모두 맘에 안 드는 부분이 있습니다. 구글 애드센스 플러그인의 경우 광고 삽입 위치를 내 마음대로 선택하는 것이 불가능 합니다. 광고 재게 위치를..
티스토리 블로그 글 목록의 요약내용 수정하기 글 목록의 본문 요약은 AI가 아니다 티스토리 블로그의 글 목록은 썸네일, 글 제목 그리고 본문 요약내용으로 구성됩니다. 이때 본문의 요약내용은 티스토리가 AI를 이용하여 자동으로 작성해 주지 않습니다. 그저 본문 텍스트의 첫 부분 일부를 긁어서 본문 요약인것처럼 출력해 줍니다. 검색엔진 노출 시 본문 요약은 AI(?)가 한다. 구글, 네이버 그리고 다음 거맥에서 노출되는 본문 요약은 검색엔진에서 검색어에 따른 매칭 결과를 가지고 생성합니다. 따라서 같은 페이지더라도 검색어에 따라서 본문 요약 내용은 다르게 출력됩니다. 즉, 우리가 강제로 지정할 방법은 없습니다. 티스토리 블로그 내에서의 본문요약은 수정이 가능하다. 사용자가 블로그 페이지에 접속한 이후에 노출되는 본문 요약은 지정이 가능합니다. 티스토리..
티스토리 블로그 개인 도메인(2차 주소) AWS Route53 에 설정하기 개인 도메인을 티스토리 블로그 주소로 사용 티스토리는 개인이 구매한 도메인을 블로그 주소로 사용할 수 있는 방법을 제공하고 있습니다. 오늘은 구매한 개인 도메인을 AWS의 도메인 관리 서비스인 Route53을 이용하여 티스토리 블로그 주소로 설정하는 방법을 정리해보려 합니다. 개인 도메인은 이미 구매하여 Route53 에 DNS 등록을 완료한 상태라고 가정했습니다. 작업 전에 아래 티스토리 블로그에서 공지된 내용을 일독하길 권해 드립니다. 개인 도메인(2차 블로그 주소) 사용을 위한 DNS 설정하기 티스토리에서는 티스토리 블로그를 통해 블로거 여러분이 자신만의 브랜드를 만들고 활동할 수 있도록 개인 도메인 연결 기능을 지원하고 있습니다. 나에게 어울리는 도메인을 가지고 있다면 � notice.tistor..