종종 올리는 블로그

티스토리 블로그를 3월초에 시작해서 4월쯤에 수익이 10달러가 넘어가니까 구글 애드센스에서 주소 인증하라고 알람이 뜨더군요. 그래서 뭔가 봤더니, 주소를 인증해야 광고 수익을 입금 받을수가 있다고 합니다. 주소를 입력하고 핀 번호 요청을 4월 중순쯤에 했는데, 핀 번호가 동봉된 우편물이 도착하기까지 최대 4주까지 걸린답니다. 그래서 5월 중순까지 핀번호 오기만을 기다렸는데 안오더군요;; 그래서 구글링해봤더니 광고 운영보다 핀(PIN) 번호 받기가 더 힘들다는 글이 많더라구요. 한참을 잊고 있다가 6월 9일에 구글애드센스 홈페이지에 접속하니까 핀번호 요청 버튼이 활성화가 되서 다시 PIN 번호를 요청했습니다. 11일만인 6월 20일에 드디어 PIN 번호가 동봉된 우편물이 왔어요~~ ㅎㅎ 그 우편물은 요렇게..

구글 애드센스에 접속하니까 최적화에 알림이 떠서 확인해봤더니, 페이지 수준 광고를 삽입하여 수익률을 올리라는 알림이 떠있더군요. 구글 애드센스의 새로운 광고를 아직까지 모르고 있었다는 사실에 놀라고, 새로운 광고를 삽입할 수 있다는 설레임에 빨리 삽입하고 싶었습니다. 어쩐지.. 다른 사람 블로그를 스마트폰으로 볼때 하단에 오버레이 광고가 뜨는걸 간혹 본적이 있는데, 구글 광고 정책에 위배되는것이 아닐까라는 생각만 했을뿐 새로운 광고인줄 꿈에도 생각못했습니다. 왜냐하면 스크롤 할때마다 따라다니는 배너를 삽입할 경우에는 광고정책에 위배된다고 알고 있었고, 또한 컨텐츠용 배너가 3개 이상일 경우에도 광고정책에 위배된다고 알고 있었기 때문입니다. 그런데 이런 광고가 구글에서 새롭게 선보이는 광고였었다니 ㅠㅠ 미..

지금 보고 계신 제 블로그의 스킨을 요청하시는분들이 몇몇분 계셔서 공유하고자 포스트를 올립니다. 제가 지금 적용하고 있는 스킨은 티스토리 반응형 웹스킨 #1 이며, 수정된 내용은 그동안 올려드렸던 포스트에 다 있는 내용입니다. http://sometimes-n.tistory.com/category/IT/블로그,티스토리 위 링크에서 수정된 내용을 볼 수 있습니다. 이렇게 늦게 올려드리는 이유는 스킨을 공유하기 어렵거나 꺼리는것이 아니라, 블로거님들께서 원하는 기능들만 구현하고 싶거나 입맛에 맞게 적용하라는 의미에서 스킨의 기능별로 별도로 포스팅해드렸어요. 그런데, HTML이나 CSS 또는 javascript에 대해 잘 모르시는 분들께서는 일일이 하나하나 적용하기 힘든점 충분히 감안하여 이렇게 제 블로그 스..

티스토리 반응형 웹스킨 #1 하단 copyright 부분에 버튼이나 다른 몇줄의 글을 넣을 경우 컨텐츠 높이에 따라 배경이 늘어나지 않고 높이가 픽스되어 있어서 배경과 내용이 어긋났었습니다. 그래서 지난 글중에 하나인 PC버전과 모바일 버전보기 버튼을 삽입할 경우에 레이아웃이 깨지는 현상이 발생했었습니다. 제가 그 글을 쓰면서도 귀차니즘때문에 디테일하게 글을 쓰지 못했었는데요. 이번 시간에 해당 내용에 대해서 글을 올리도록 하겠습니다. 2016/03/24 - [IT/블로그,티스토리] - 티스토리 반응형 스킨에 PC버전 보기, 모바일버전 보기 버튼 만들기 일단, 기존의 경우 PC버전, 모바일 버전 보기 버튼을 삽입하고 copyright 부분 수정을 하면 아래와 같이 보일것입니다. 아래와 같이 레이아웃이 깨..

티스토리 반응형 웹스킨 #1의 본문 폭 수정을 위한 가이드입니다. 본문폭만 수정하는 것이라서 간단할것 같지만, 수정할 곳은 여러군데입니다. 티스토리 반응형 웹스킨 #1의 본문 폭 디폴트는 820px입니다. 820px인곳을 원하는 폭으로 다 수정하면 될 것 같지만, 그 외에도 수정할곳이 몇군데 더 있습니다. 저는 본문폭을 850px로 수정했으니 참고하셔서 잘 따라하세요. 29번째 라인을 아래와 같이 수정합니다. .article_skin{width:850px;margin:0 auto} /* width:820px -> width:850px 으로 수정. 컨텐츠 가로폭을 넓히려면 이부분 원하는 폭으로 수정 */ 94, 95번째 라인을 아래와 같이 수정합니다. .wrap_etc .inner_aside{overflo..

티스토리 반응형 웹 스킨 #1 의 카테고리 가로 폭 늘리는 방법과 카테고리 메뉴 바 수정을 위한 전반적인 가이드를 알려드립니다. 티스토리 반응형 웹 스킨 #1의 카테고리 스크롤바와 글 갯수 보이기는 아래 링크를 참고하세요.2016/03/07 - [IT/블로그,티스토리] - 티스토리의 새 반응형 웹스킨 '#1' 카테고리 스크롤바와 글갯수 보이기 우선, 티스토리 반응형 웹 스킨 #1의 카테고리 가로폭이 너무 좁아서 카테고리 이름이 길경우에는 줄바꿈이 되어서 글자가 겹쳐보이거나 답답한 면이 있죠. 카테고리 메뉴바의 가로폭 늘리는 방법에 대해 궁금해 하시는분이 있으셨는데, 댓글로는 한계가 있어 포스팅하게 되었습니다. 솔직히 이 포스팅을 전에도 하려고 했으나 다른 블로거님들도 필요할까 생각이 들기도하고..좀 귀찮..

며칠 포스팅을 올리지 못했는데, 제가 한가지에 꽂히면 다른걸 못하는 성격이라 ;;이번에 올리는 포스팅이 잘 해결이 안되서 며칠 올리지 못했어요. 오늘 올릴 포스트는 네이버 블로그처럼 카테고리의 다른 글 목록에 이전, 다음 버튼 만드는 방법입니다.티스토리 블로그의 글을 보면 글 하단에 [카테고리의 다른 글] 목록의 이전, 다음 버튼이 없어서 카테고리 메뉴바를 클릭해야하는 번거로움이 있죠? 제 블로그 글 하단에 [카테고리의 다른 글] 목록에 보시면 이전, 다음 버튼이 보일것입니다.해당 카테고리의 글이 10개 이상이어야 해당 버튼이 보입니다. 버튼을 클릭하면 아래처럼 Loading... 이 표시되면서 카테고리 목록을 불러오는 준비를 합니다. 목록이 다 불려지면 아래처럼 목록이 갱신되며, 버튼도 이전, 다음 버..

유튜브 동영상을 반응형 웹 디자인이나 티스토리 반응형 웹 스킨에 삽입하는 방법은 여러가지 방법이 있습니다. 우선 첫번째로 css에 추가해서 div 태그로 유튜브 동영상 코드를 감싸서 넣는 방법이 있는데요. 이 방법은 그동안 이미 썼던 글을 모두 수정해야 하는 불편함이 있죠. 그래도 이 불편한 방법에 대해서 말씀드리자면..head에 다음을 추가합니다. ( 이 방법은 사용하지 마세요 ) 그리고 글을 쓸때 아래와 같이 html 편집모드에서 div 태그로 감싸고 글을 쓰면, 반응형으로 동영상이 컨텐츠 width 폭에 따라 유튜브 동영상도 크기가 변경됩니다. 그러나 이같은 방법은 앞에서 말씀드린것과 같이 그동안 썼던 글을 모두 수정해야 하는 불편함이 있습니다. 이미 쓴 글이 많다면 거의 불가능에 가깝죠. 그러나 ..

구글 애드센스(google adsense) 광고는 한 페이지 당 광고 갯수 제한이 있습니다. 콘텐츠용 애드센스 단위 최대 3개링크 단위 최대 3개검색창 최대 2개콘텐츠용 애드센스 단위 광고 적용 방법은 전에 올렸던 글인 아래 링크에서 확인해 보세요. 2016/03/21 - [IT/블로그,티스토리] - 티스토리 반응형 스킨에 구글 애드센스(google adsense) 반응형 배너 적용 방법 클릭률을 높이려면 많은 광고가 있어야 겠지만, 그럴경우 클릭당 광고료가 떨어질 수 있으니 주의하셔야 합니다. 여러 경우를 테스트해보고 어떤것이 최적화인지 테스트를 충분히 해보세요. 우선 컨텐츠용 애드센스는 지난 글에서 다루었으니, 이번 글에서는 링크 단위 애드센스를 추가해 보겠습니다. 지금까지 글을 많이 올렸는데, 글 ..

티스토리 블로그 본문 하단에 보시면 [카테고리의 다른 글]만 있고, 최신글(최근에 올라온 글)은 없습니다. 데스크탑(PC)버전에서는 사이드바 영역에서 최근에 올라온 글을 볼 수 있지만, 모바일버전에서는 최근에 올라온 글을 볼 수가 없습니다. 모바일에서도 최근글을 볼수 있다면 방문자의 블로그 체류시간을 더 늘릴수 있지 않을까요? PC 버전에서도 사이드바까지 안내리고도 본문 하단에서 최근글을 볼 수 있다면 블로그 방문객이 다른글 클릭율을 더 늘릴 수 있지 않을까요? 그래서~~ 최근글을 카테고리의 다른글 바로 아래에 보여지도록 만들어봤습니다. 방법을 알려드리기 이전에.. 지금 현재 상태는 어떤지 보겠습니다. 티스토리 반응형 스킨 #1에서 원래는 아래처럼 보여집니다. 맨 아래까지 내리지 않으면, 카테고리의 다른..