Blog
구글 애드센스 PIN 번호 우편 수령
구글 애드센스 PIN 번호 우편 수령
2018.04.25주소를 확인하지 않아 지급이 보류 중입니다. 어제 저녁, 내 앞으로 우편이 왔다고 어머니께서 카톡이 오셨다. 드디어 기다리던 애드센스 PIN 번호 우편이 도착한 것이다. 애드센스 잔고가 $9.91 달러가 되고 나서부터 더 이상 오르지 않고 위 메시지가 떴었다. 메시지를 확인하니 수익이 인증 기준액에 도달했지만 주소를 확인하지 않아 지급이 보류 중이며, 우편을 발송했다고 했다. 아마 9.91 달러가 기준액인가 보다. 첫 지급금을 받으려면 계정 인증을 위한 PIN 번호를 입력해야 한다. 이후로도 가끔 들어가서 확인해보면 $9.91 달러에서 변동이 없길래 실적 보고서를 확인했더니, 잔고에 쌓이지만 않을 뿐 하루 예상 수입은 나타나고 있었다. 아무튼 자기 전 동생에게 부탁해서 카톡으로 핀 번호를 미리 받아놨었다..
티스토리 블로그 크롬에서 다음 포토 업로더 플래시 오류 해결하기
티스토리 블로그 크롬에서 다음 포토 업로더 플래시 오류 해결하기
2018.04.16크롬에서 사진을 첨부할 때 다음 포토 업로더에 위와 같은 메시지가 나타난다면, 대다수의 원인이 자신의 티스토리 사이트가 플래시를 실행하도록 허용되지 않았기 때문이다. 이는 간단하게 해결할 수 있다.크롬 브라우저 우측 상단 세로로 된 … 버튼을 클릭해서 크롬 설정 화면으로 이동한다.크롬 설정 화면에서 제일 하단으로 스크롤하면 고급 버튼이 있는데, 클릭하면 더 많은 설정을 볼 수 있다. 여기서 개인정보 및 보안 > 콘텐츠 설정 > Flash로 이동한 다음 허용 탭의 우측에 있는 추가 버튼을 클릭한다.자신의 티스토리 블로그 주소를 입력 후 추가하고 나서 다음 포토 업로더를 다시 실행해보면, 플래시 오류가 사라지고 잘 작동되는 것을 볼 수 있다. 이 외 다른 사이트의 플래시 오류도 이 같은 방법으로 해결 가능하다.
티스토리 블로그 새로운 웹폰트 '이롭게 바탕체' 적용
티스토리 블로그 새로운 웹폰트 '이롭게 바탕체' 적용
2018.04.15블로그 디자인이 질리는 감이 있어 커버 이미지와 폰트를 바꿨다. 이전에는 Spoqa Han Sans 폰트, Noto Sans 폰트와 같은 고딕 형태의 폰트를 번갈아가며 썼었는데, 원래 고딕체보다 바탕체를 더 좋아해서 바꾸게 됐다. 바탕체는 뭔가 포근하고 올드한 느낌이 좋다. 내가 적용한 바탕체는 이롭게에서 제작한 이롭게 바탕체이며, 특징은 아래와 같다. 국내 최초의 웹 전용 바탕체 모든 한글을 입력할 수 있는 바탕체 가독성이 뛰어난 바탕체 적은 용량으로 웹에 최적화된 본문 폰트 자유롭게 사용할 수 있는 라이센스 정책 아래 링크에서 폰트를 테스트해볼 수 있으며, 일반적인 폰트 형식인 ttf, otf와 웹폰트 전용 eot, woff 형식을 다운로드할 수 있다. http://font.iropke.com/bat..
티스토리 댓글 탭 형식으로 수정
티스토리 댓글 탭 형식으로 수정
2018.04.10블로그 댓글을 탭 형식으로 수정했다. 티스토리 댓글 탭과 라이브리 탭을 번갈아 클릭해보면 각각의 댓글 입력 영역이 바로바로 표시된다. 티스토리 댓글 탭 기존의 댓글 영역을 스킨 디자인 그대로 넣었는데 댓글 수를 나타내는 치환자가 태그로 감쌌음에도 불구하고 탭 아래에는 표시되지 않아서 탭 안에 표시했다. 라이브리 댓글 탭 라이브리 소셜 댓글 영역도 깔끔하게 나타냈다. 라이브리 인사이트 설정하기 탭에서 테마를 설정할 수 있는데 나는 Be light 테마를 체크했다. 수정한 댓글 탭은 보기에도 깔끔하고 CSS로 구현했기에 모바일에서도 잘 나온다. 탭 형식으로 수정하는 방법은 아래 뭐하라 님의 블로그를 참고했으며, CSS를 개인적으로 약간 손봐서 디자인을 다르게 했다. 티스토리 댓글 탭으로 보기
사이트에서 새로운 색인 생성 범위 문제가 발견됨
사이트에서 새로운 색인 생성 범위 문제가 발견됨
2018.04.08구글 서치 콘솔 팀에서 아래와 같은 메일이 왔다. 사이트 http://uulog.tistory.com/에서 새로운 색인 생성 범위 문제가 발견됨http://uulog.tistory.com/ 소유자님께,Search Console에서 1개의 새로운 색인 생성 범위 관련 문제가 따라서 색인 생성 범위이(가) Google 검색결과에서 부정적인 영향을 받을 수 있습니다. 이러한 문제를 검토하고 수정하시기 바랍니다. 발견된 새로운 문제:제출된 URL에 크롤링 문제가 있습니다. 크롤링이란 웹 사이트에서 원하는 정보나 데이터를 수집하거나 추출하는 것을 의미한다. 제출된 URL에 크롤링 문제가 있다는 것은 아무래도 블로그 내 링크가 꼬였거나 잘못됐을 가능성이 크다.메일 하단에 서치 콘솔을 사용하여 색인 생성 범위 문제 ..
블로그에 스트라바 (Strava) 배지 위젯 추가하기
블로그에 스트라바 (Strava) 배지 위젯 추가하기
2018.04.06다음에서 나를 팔로우 스트라바는 전 세계 어디서나 활동을 기록하고 공유하며 그 과정에서 선수들과 소통할 수 있는 어플이다. 요즘은 자격증 공부, 미세먼지 등의 이유로 자전거를 타지 못하고 있지만, 나 또한 라이딩을 할 때 유용하게 사용하는 어플이기도 하다. 또, 자신이 관심 있거나 좋아하는 선수를 팔로잉하면 피드에서 거리, 누적 상승고도, 시간, 달성 기록 등 활동을 세세하게 알 수 있다. 클릭 한 번으로 다른 사람이 나를 팔로우 할 수 있도록 위와 같은 위젯을 만들어 보자. 스트라바 위 링크를 클릭해 스트라바 사이트로 이동한 다음 로그인을 하고 대시보드 화면 우측 상단의 프로필 > 설정을 클릭하면 위와 같은 화면이 나타난다. 여기서 원하는 배지 디자인을 클릭하면 아래 코드 복사란에 자신의 배지 코드가 ..
구글 애드센스 아랍어 (외국어)로 나오는 현상 해결하기
구글 애드센스 아랍어 (외국어)로 나오는 현상 해결하기
2018.04.06이전에 애드센스에서 별다른 설정을 건드리지 않았을 때는 상관없이 한글 광고가 잘 나왔었는데 광고 사이즈를 고정하려고 광고 게재 설정에서 디스플레이 광고 탭의 비슷한 크기의 디스플레이 광고 설정을 끄니까 사이즈는 고정되는 대신 한글 이미지 형식이었던 광고가 갑자기 왼쪽 사진처럼 아랍어 텍스트 형식으로 나왔다. 순간 해킹을 당했거나 크게 잘못된 줄 알았는데 찾아보니 의외로 매우 간단하게 해결할 수 있었다. data-language="ko" 위 코드를 ins 태그 클래스 사이에 삽입한다. 위와 같은 언어를 한국어로 설정하는 코드는 기본적으로 포함되는 코드가 아니기 때문에 이런 현상이 일어나는 광고를 수정해서 앞서 말한 코드를 삽입해주면 될 거 같다. 아래는 삽입한 예시 코드이니 참고하자.
주소를 확인하지 않아 지급이 보류 중입니다.
주소를 확인하지 않아 지급이 보류 중입니다.
2018.04.05축하합니다! 귀하의 수익이 인증 기준액에 도달했습니다. 이에 따라 귀하의 계정에 대한 인증 절차가 시작됩니다. 수익이 지급 기준액에 도달한 다음 첫 지급금을 받으려면 이 과정을 거쳐야 합니다. 계정 인증을 위한 PIN 번호가 자동으로 생성되어 계정에 등록된 수취인 주소로 발송되니 수령 후 이 페이지의 하단에 입력해 주십시오. 이 과정에서 귀하의 계정은 운영 상태를 유지하며 광고 게재 및 수익 발생도 계속됩니다.PIN은 가장 최근에 PIN이 생성된 날짜로부터 3~5일 후에 우편으로 발송되며, 배송은 우편 사정에 따라 2~4주가 걸릴 수 있습니다. 드디어 나의 애드센스 수익이 인증 기준액에 도달했다!
이미지 왼쪽글흐름 테스트
이미지 왼쪽글흐름 테스트
2018.04.04타이틀곡 '비행기'는 거북이의 4집 앨범의 수록 곡이자 거북이의 최고 히트곡으로 처음이자 마지막으로 방송에서 1위를 했던 곡이다. '비행기'는 2005년 심근경색으로 병원 입원 당시 터틀맨이 수술한 뒤 ‘중환자실에 누워 있는데 환청처럼 멜로디가 들려왔다. 라디오를 켜놓은 줄 알았는데 내 귀에만 들린 소리였다. 퇴원 이후 곡을 쓸 때 그 멜로디를 떠올리면서 썼다'고 밝히며 병마와 힘든 싸움을 하면서 만들어진 곡으로 알려져 있다. 리메이크 곡 비행기는 원곡의 경쾌한 느낌을 그대로 살려내면서 현재 트랜드의 맞춰 사운드를 탈바꿈하여 탄생한 곡이다. 타이틀곡 '비행기'는 거북이의 4집 앨범의 수록 곡이자 거북이의 최고 히트곡으로 처음이자 마지막으로 방송에서 1위를 했던 곡이다. '비행기'는 2005년 심근경색으로..
애드센스 반응형 광고 크기 간편하게 수정하기
애드센스 반응형 광고 크기 간편하게 수정하기
2018.03.30다음은 애드센스 고객센터에서 제공하는 화면 폭당 정확한 광고 단위를 설정하는 수정된 반응형 광고 코드의 예이다. 화면 폭 500픽셀 이하: 320x100 광고 단위 화면 폭 500~799픽셀: 468x60 광고 단위 화면 폭 800픽셀 이상: 728x90 광고 단위 이 예에는 모바일, 태블릿, 데스크톱 3개 유형의 화면 폭에 맞춰 개별적으로 광고 단위 크기를 설정하도록 반응형 코드를 수정하는 방법이 나와 있지만, 위 예를 봤음에도 불구하고 응용이 어려울 수 있다. 나도 이전에 위 예시를 복잡하게 보고 헤맸던 적이 있다. 애드센스 광고를 사이드바에 원하는 크기로 넣기 위해 구글링을 하다가 나처럼 애드센스 광고 코드를 수정하기 어려워하는 사람이 유용하게 이용할 수 있을법한 사이트를 발견했다. 나 또한 사이트..
<pre> 태그에서 문자 단락을 자동으로 조절하는 CSS
<pre> 태그에서 문자 단락을 자동으로 조절하는 CSS
2018.03.29보통 글을 강조하거나 소스 코드를 나타낼 때 pre 태그를 쓴다. p 태그로 길게 쓴 글을 발행하면 PC 화면에서는 이상 없이 출력되는데 모바일 화면으로 보면 화면 밖으로 잘리는 현상이 있다. 손가락 터치로 옆으로 쓸면 글이 보이지만 그럴 필요 없이 자연스럽게 자동으로 줄바꿈 해주는 CSS 속성이 있다. 아래 코드를 블로그 관리 > 스킨 편집 > CSS에 쓰고 저장하기만 하면 간단하게 해결된다. paragraph { white-space: pre-wrap; }
티스토리 블로그에 구글 애드센스 일치하는 콘텐츠 광고 삽입하기
티스토리 블로그에 구글 애드센스 일치하는 콘텐츠 광고 삽입하기
2018.03.29일치하는 콘텐츠는 방문자에게 관련성 높은 콘텐츠를 더 많이 제공하여 사이트의 페이지 조회수, 광고 노출수, 사이트 이용 시간을 늘리고 더 많은 광고 수익을 얻을 수 있는 광고 단위다. 사이트에서 일치하는 콘텐츠 사용이 가능한지 확인하기 티스토리 블로그에서 일치하는 콘텐츠 광고 단위를 사용하려면 먼저 애드센스의 최소 트래픽 규모 및 고유 페이지 수 요건을 충족해야 하는데, 자세한 기준은 명시되어 있지 않으며 아래 링크를 클릭해 도움말을 읽어보면 도움이 될 거 같다. 애드센스 고객센터 일치하는 콘텐츠 1월 17일에 애드센스 계정이 승인되고 지금까지의 수익은 $9.91 정도 된다. 초기에는 티스토리에서 제공하는 구글 애드센스 반응형 플러그인으로 본문 상단과 하단에만 삽입하는 식으로 했는데, 최근에 블로그 디자..