본문 바로가기

블로그

(10)
상업적 사용도 문제없다. 저작권 걱정 없는 무료 이미지 다운로드 사이트 Best 3 회원가입 No, 출처표기 No, 상업적사용 Ok 블로그 포스팅 시 가급적이면 사진을 많이 사용해서 글을 풍성하게 하려 하고 있습니다. 제가 찍은 사진을 이용하면 가장 좋겠지만 제가 사진에도 재주가 없습니다. 제가 주로 사용하는 저작권 걱정 없는 무료 이미지 다운로드 사이트를 공유하려 합니다. 소개드리고자 하는 사이트들은 모두 다음 조건을 만족시킵니다. 회원가입이 필요 없습니다. 출처표기가 필수가 아닙니다. 상업적인 목적으로 사용 가능합니다. 말 그대로 완전 무료이고 지적재산권 걱정 없이 사용 가능합니다. Unsplash 제가 가장 많이 사용하는 무료 이미지 다운로드 사이트 Unsplash입니다. 고해상도의 사진 이미지를 회원가입 없이 무료로 다운로드하여 사용할 수 있습니다. 접속 URL : https:/..
네이버 웹마스터도구 수집보류 문제 해결 후 네이버 노출 성공 네이버 웹마스터 도구 티스토리 블로그 글을 네이버에 노출시키기 위해서는 네이버 웹마스터 도구에 사이트를 등록하고 웹 페이지 수집을 요청해야 합니다. 티스토리 블로그 글을 자동으로 노출시켜주는 다음(Daum)과는 다르지요. 웹 페이지 수집보류 블로그 개설 후 3일이 지난 7월 15일 이후로 갑자기 모든 웹 페이지 수집 요청이 '수집보류'로 떨어졌습니다. 웹 페이지 수집이 안되니 네이버에서 site 명령으로 검색해도 도통 검색이 되질 않습니다. 시간이 해결해주겠지 싶어서 2주가 넘게 매일매일 신청하고 또 신청해 보았으나 해결될 기미가 보이질 않았습니다. 블로그 접을 뻔했습니다. 네이버 고객센터 문의 참다못해 고객센터에 문의를 해야겠다는 생각을 합니다. 전화를 걸어야 하나 메일을 써야 하나 고민하다 일단 네이..
티스토리 Poster 스킨 상단 메뉴 고정하기 모바일 폰트 CSS 수정하기 깔끔한 반응형 스킨 Poster 티스토리 블로그 스킨 Poster를 사용하고 있습니다. 최근에 블로그를 생성하면 디폴트로 선택되는 스킨이기도 합니다. 무엇보다도 모바일과 PC 모두에서 잘 동작하는 반응형 디자인을 잘 지원하는 스킨이기도 하고 모노톤의 모던함을 강조하는 깔끔하고 심플한 면이 매력적인 스킨입니다. 상단 메뉴 버튼을 고정시키자 Poster 스킨은 좌측 상단에 사이드 메뉴를 오픈하는 햄버거 버튼이 존재합니다. 화면이 스크롤되면 해당 버튼이 사라지게 되어 모바일 등에서는 조금 불편한 것 같습니다. Poster 스킨의 CSS를 일부 수정하여 이 버튼을 항상 같은 위치에 고정되도록 해보겠습니다. 메뉴 버튼의 CSS 클래스 확인 크롬 개발자도구로 메뉴 버튼의 CSS 클래스를 먼저 확인합니다. Poste..
티스토리 블로그 발행일자를 과거일자로 수정하기 / 발행시각 감추는 방법 발행일을 과거로 돌릴 수 없다? 티스토리 블로그에서 글 등록 시 발행일을 과거 일자로 설정할 수는 없습니다. 그 이유는 납득이 갑니다. 만약 발행일자를 과거로 설정할 수 있다면 하루 만에 역사와 전통을 자랑하는 블로그를 뚝딱 만들어 낼 수 도 있을 테니까요. 정말 안될까? 과거에 발행했던 글을 수정하다가 잘못해서 현재일자로 발행을 눌러버렸습니다. 최초 발행일로 돌리고 싶었는데 방법이 없더라고요. 진짜로 발행일자 수정이 불가능한지 확인해 보았습니다. 먼저 티스토리 글 발행 시 서버로 전송되는 JSON 패킷을 확인해 봅니다. 티스토리는 글 발행 시 발행일자를 Epoch Time 형태로 변경하여 published 라는 키를 이용하여 전송합니다. 발행 시에 전송되는 데이터에서 published의 값을 과거 날짜..
티스토리 카테고리 링크 구글 애드센스 에러 해결하기 (광고 안보이는 현상) 애드센스 광고가 나왔다 안 나왔다 한다? 티스토리 블로그에 글을 꾸준히 작성해서 그 어렵다는 애드센스 고시를 어렵게 어렵게 통과했습니다. 이제 애드센스 사이트에서 광고 단위를 생성하고 어떻게 광고를 달아야 돈이 벌릴까를 고민하며 이리저리 만져보게 됩니다. 그런데 가끔씩 애드센스 광고가 나왔다 안 나왔다 하는 현상이 발견됩니다. 카테고리 목록에서 선택한 경우에 광고가 안나온다. 관련 카테고리 글 목록에서 클릭하여 본문을 열 경우에 애드센스 광고가 안 나오는 현상이 목격됩니다. 본문 하단의 카테고리의 다른 글 목록에서 클릭하여 오픈된 페이지에서도 광고가 나오지 않습니다. 저 말고 다른 티스토리 블로거의 사이트에서도 동일한 현상을 목격했습니다. 페이지 URL 이 오염되면 안 나온다? 검색엔진에서 유입되거나 블..
티스토리 블로그 본문 중간에 구글 애드센스 광고 자동으로 삽입하기 블로그 글 본문에 삽입된 애드센스 광고 글의 전체 맥락을 해치지 않는다면 블로그 글 본문에 구글 애드센스 광고를 삽입해도 무방하다고 생각하는 편입니다. 글의 길이가 충분히 길고 제공하는 콘텐츠의 내용이 풍부하다면 본문 중간에 삽입된 광고는 블로그 운영자와 방문자 모두에게 도움이 될 거라 생각합니다. 애드센스 광고 삽입 방법 블로그 글 본문에 애드센스 광고를 삽입하는 방법은 여러가지가 있습니다. 1) 티스토리 구글 애드센스 플러그인을 활용하는 방법도 있고, 2) 서식이나 외부 콘텐츠를 이용해서 직접 광고 코드를 본문 내에 삽입하는 방법도 있습니다. 두 가지 방법 모두 맘에 안 드는 부분이 있습니다. 구글 애드센스 플러그인의 경우 광고 삽입 위치를 내 마음대로 선택하는 것이 불가능 합니다. 광고 재게 위치를..
티스토리 블로그 이미지 그림자 효과 주기 이미지 그림자 효과 이미지에 box-shadow CSS 속성을 적용하여 테두리에 그림자 효과를 줄 수 있습니다. 티스토리 블로그 에디터에서 이미지에 효과를 줄 수는 없기 때문에 스킨의 CSS를 수정하거나 스킨에 Javascript 코드를 삽입하는 방법으로 이미지에 그림자 효과를 줄 수 있습니다. CSS box-shadow 속성 CSS box-shadow 속성의 문법은 다음과 같습니다. box-shadow: h-offset v-offset blur spread color h-offset 과 v-offset 은 필수로 지정해야 하는 속성 값이고 나머지 속성 값은 생략이 가능합니다. Value Description h-offset 그림자의 수평 위치 설정. 음수로 설정하면 왼쪽으로 이동시킵니다. (필수) v-..
티스토리 블로그 글 목록의 요약내용 수정하기 글 목록의 본문 요약은 AI가 아니다 티스토리 블로그의 글 목록은 썸네일, 글 제목 그리고 본문 요약내용으로 구성됩니다. 이때 본문의 요약내용은 티스토리가 AI를 이용하여 자동으로 작성해 주지 않습니다. 그저 본문 텍스트의 첫 부분 일부를 긁어서 본문 요약인것처럼 출력해 줍니다. 검색엔진 노출 시 본문 요약은 AI(?)가 한다. 구글, 네이버 그리고 다음 거맥에서 노출되는 본문 요약은 검색엔진에서 검색어에 따른 매칭 결과를 가지고 생성합니다. 따라서 같은 페이지더라도 검색어에 따라서 본문 요약 내용은 다르게 출력됩니다. 즉, 우리가 강제로 지정할 방법은 없습니다. 티스토리 블로그 내에서의 본문요약은 수정이 가능하다. 사용자가 블로그 페이지에 접속한 이후에 노출되는 본문 요약은 지정이 가능합니다. 티스토리..
블로그 고화질 사진 이미지 (jpg, png) 파일의 용량을 줄이자 TinyPng 페이지 로딩 속도 줄이기 블로그에 글을 쓰다 보면 사진 또는 이미지를 다수 업로드하게 됩니다. 아무래도 사진이 포함된 글이 읽기도 좋고 글 전체의 볼륨을 풍부하게 하는 효과가 있는 것 같아서 저도 이미지를 많이 삽입하는 편입니다. 다만, 페이지에 이미지가 많이 포함될수록 전체 페이지의 트래픽 용량이 증가하여 페이지 오픈 시 응답을 느리게 하는 문제도 발생하게 됩니다. 아무래도 빠르게 열리는 페이지가 사용자에게도 좋은 영향을 줄 테니까요. 또한, 대부분의 사용자가 모바일 6인치 대의 화면으로 사용한다는것을 고려해 보면 고화질의 대용량 이미지 파일의 업로드가 과연 필요한 것인가 하는 합리적인 의문을 제기할 수 있습니다. 개인적으로는 고화질 이미지보다는 손실 압축된 이미지를 사용하여 페이지 로딩 속도를 빠르게..
티스토리 블로그 개인 도메인(2차 주소) AWS Route53 에 설정하기 개인 도메인을 티스토리 블로그 주소로 사용 티스토리는 개인이 구매한 도메인을 블로그 주소로 사용할 수 있는 방법을 제공하고 있습니다. 오늘은 구매한 개인 도메인을 AWS의 도메인 관리 서비스인 Route53을 이용하여 티스토리 블로그 주소로 설정하는 방법을 정리해보려 합니다. 개인 도메인은 이미 구매하여 Route53 에 DNS 등록을 완료한 상태라고 가정했습니다. 작업 전에 아래 티스토리 블로그에서 공지된 내용을 일독하길 권해 드립니다. 개인 도메인(2차 블로그 주소) 사용을 위한 DNS 설정하기 티스토리에서는 티스토리 블로그를 통해 블로거 여러분이 자신만의 브랜드를 만들고 활동할 수 있도록 개인 도메인 연결 기능을 지원하고 있습니다. 나에게 어울리는 도메인을 가지고 있다면 � notice.tistor..