지금투자 미래부자

티스토리는 스킨마다 CSS 용어가 조금씩 다릅니다. 저는 오디세이 스킨을 사용중이고 오늘은 홈 화면에 노출되는 타이틀 헤더(블로그 이름) 부분의 CSS 에 대해 알아봅니다. 오디세이 스킨 타이틀 구성 먼저 CSS 용어를 알기 전에, 오디세이 스킨 편집에 들어가면 나오는 홈 화면 구성부터 소개해드릴게요. 1. 타이틀 헤더: 블로그 이름이 들어가는 곳입니다. 블로그 설정에서 블로그 이름을 넣어도 되고, 스킨 편집에서 타리틀 페더 로고 부분에 이미지로 해당 부분을 꾸밀 수도 있습니다. 2. 슬로건: 개인적으로 오디세이 스킨에서 가장 좋아하는 구성 요소입니다. 오디세이 스킨에만 있는 부분이지요. 구글 애드센스나 수익형 블로그 운영에 필요없는 요소같지만, 제가 운영하는 블로그의 정체성을 표현하기 좋아서 저는 홈화..

글자가 정해진 영역을 벗어나면 어떻게 표현될지 CSS에서 설정할 수 있습니다. 오디세이 스킨 블로그이름 CSS를 예로 들어 text-overflow, white-space, overflow 속성을 알아봅니다. 참고: 이해하기 쉽도록 오디세이 스킨 블로그 이름이 들어가는 영역의 max-width를 빨간 선으로 표시했습니다. text-overflow 속성 1) text-overflow: ellipsis; text-overflow는 글자가 넘쳤을 때, 넘친 글자를 어떻게 표현하냐는 속성입니다. text-overflow: ellipsis; 는 박스 밖 텍스트가 점 3개로 표현됩니다. 오디세이 스킨에서 블로그 이름은 넘치면 점 3개로 나오게 CSS가 아래처럼 기본 세팅되어있습니다. .header .link_log..

참으로 신경쓰이는 말입니다. 애드센스에서 광고 크롤러 오류가 있고 수익 손실이 날 수 있다는 주의가 올라왔습니다. 실제로 일주일 넘게 광고 수익은 멈추어있습니다. 도대체 문제가 무엇일까요? 애드센스 크롤러 호스팅 문제 구글 애드센스에서는 호스티 문제는 2가지 원인으로 뽑습니다. 첫째 사이트의 네임서버에 문제가 있거나 둘째 사이트의 서버에 문제가 있는 경우죠. 광고 크롤러가 사이트 콘텐츠에 액세스하려고 할 때 사이트의 서버가 제때에 응답하지 못할 때 서버가 다운되거나 느려지거나 많은 요청에 의해 과부하가 걸릴 때 이 문제는 발생한다고 합니다. 즉, 호스팅 서버에 연결할 수 없다는 말은 티스토리 서버가 제대로 응답하지 않는 것입니다. 그리고 정확하게 왜 호스팅 서버에 연결할 수 없는지 구글 애드센스는 구체적..

티스토리 블로그는 글을 수정하고 삭제하려면 네이버 블로그보다 조금 번거롭습니다. 그래서 글 제목 부분에 수정과 삭제 버튼을 직접 추가하는 방법에 대해 알아보겠습니다. 목차 원래 티스토리 글 수정/삭제 우선, 티스토리를 처음 시작하시는 분들이라면, 글 수정과 삭제를 어떻게 해야할지 난감하신 분들도 계실겁니다. 저도 처음엔 한참 찾았습니다. 그래서 html로 수정 삭제 버튼을 추가하지 않고 기존 티스토리 시스템에서 글을 수정하고 삭제하는 방법을 먼저 알려드리려 합니다. 티스토리 PC, 티스토리모바일앱에서 글을 수정하고 삭제하는 방법입니다. 캡처를 떠서 이미지와 자세히 설명하였으니 도움되시기 바랍니다. 티스토리 블로그 글 수정하고 삭제하는 방법(PC와 모바일앱) 티스토리 글 수정/삭제 추가하기(1) ▲티스토리..

구글 애드센스 승인 후 광고 수익이 생기고 구글 애드센스에서 수익 정산을 위해 PIN번호를 발송합니다. 이번 주에 PIN번호가 도착했네요. 구글 애드센스 PIN 번호 발송 이유 PIN번호가 발송되는 이유는 간단합니다. 구글 애드센스에서 수익을 지불할텐데 계정 정보가 정확한지 확인하기 위해 PIN번호를 계정의 주소로 우편발송하는 것이지요. 구글 애드센스 PIN발송 기준액 구글 애드센스 수익 정산을 위해 PIN번호가 발송되려면 충족해야하는 수익 기준이 있습니다. 즉, 구글 애드센스 수익이 일정 기준액에 도달하면 자동으로 해당 계정에 이미 작성되어있는 주소로 PIN번호가 발송되는 시스템입니다. 이 기준액을 확인 기준액이라고 합니다. 구글 애드센스 승인을 받은 후 주소를 확인하는 기준액은 미국달러로 10달러 또..

티스토리 오디세이 스킨은 제목과 본문 사이 간격이 있습니다. 저는 너무 간격이 넓은 것 같아서 간격 조절을 했었는데, 다시 간격을 줄여보겠습니다. 목차 Before: 제목과 본문사이 ▲오디세이 스킨은 제목에 썸네일 배경이 들어가고 사이드바 프로필이 들어가면서 그 사이 간격이 존재합니다. 즉, 글의 본문을 시작하는 부분과 제목 사이의 간격이지요. 저는 오디세이 스킨의 제목 배경부분을 검정으로 채웠기 때문에 오히려 제목과 너무 간격이 생겨서 이상하다는 생각이 들었습니다. 그래서 제목과 본문 사이 간격을 1차 조정했습니다. After: 제목과 본문사이 ▲같은 세로길이의 노란색 박스를 사용했습니다. 본문이 조금 위로 당겨진 게 보이시나요? 혹시 눈치채신 분들이 계시다면, 이 간격은 제목과 프로필 사이의 간격도 ..

블로그에 html 이나 CSS 소스코드를 공유하시는 분들이 많습니다. 이미지로 캡쳐해서 사용하기도 하지만, 코드를 코드블럭을 통해 작성하면 코드에 대한 가독성이 높아집니다. 티스토리에 있는 코드블럭 플러그인을 소개합니다. 목차 플러그인 > Syntax Highlight ▲먼저 코드 문법을 강조하기 위해서 하이라이트를 주고 싶다면, 티스토리에서 플러그인으로 제공하고 있습니다. 물론 코드블럭 플러그인이 최신 업데이트가 안되고 탭간격 조절이 안되는 단점이 있습니다. 하지만, 가장 쉽게 코드블럭을 보기 좋게 바꾸는 방법이지요. 그래서 티스토리에서 가장 쉽게 1초만에 코드블럭을 사용하는 방법은 플러그인에서 Syntax Highlight 를 눌러주는 것입니다. 코드블럭 테마 선택 > 적용 ▲티스토리 코드블럭, 코드..

반응형에 디자인도 괜찮아 저는 티스토리 오디세이스킨을 사용하고 있는데, html을 다른 스킨보다 더 손봐야 한다는 단점이 있습니다. 카테고리 글 더보기 플러그인도 적용이 되지 않기 때문에 이번에 그 부분을 해결하도록 하겠습니다. 오디세이스킨 글 더보기 기본설정 ▲티스토리 오디세이 스킨은 본문 아래 글 더보기가 위와 같이 이전글/현재글/다음글과 관련글로 기본 디자인이 세팅 되어있습니다. 기본 디자인도 괜찮지만, 구글 애드센스 광고를 적용한 후에는 글을 클릭하면 모바일 전면 광고가 뜨기 때문에 블로그의 많은 글을 클릭하도록 유도하는 것이 좋습니다. 카테고리글더보기 플러그인 적용 ▲먼저 티스토리 오디세이 스킨에 카테고리 글 더보기 플러그인을 적용합니다. 하지만 여전히 카테고리 글 더보기가 보이지 않습니다. 왜..

구글 애드센스 승인 후 판매자 정보 관련 오류가 뜨는 것을 발견했습니다. 판매자 정보를 Google sellers.json 파일에 게시하라는 알림을 해결하는 방법에 대해 알아봅니다. ▲구글 애드센스 홈을 방문하니, 판매자 정보를 Google sellers.json 파일에 게시하시기 바랍니다. 현재 공개 상태를 검토하려면 계정 설정 페이지를 방문하세요. 라는 알람이 상단에 뜹니다. 애드센스 승인을 받고 처음 들어간거라 뭐가 잘못되었나 싶어 찾아보게 됩니다. 간단하게 해결하신 분들도 있으시지만, 구글 애드센스에서 제공한 내용 그대로 가장 정석대로 위 알람을 해결하려 합니다. 구글 sellese.json 파일이 무엇이고 그 파일에 판매자 정보를 어떻게 게시하면 되는지, 마지막으로 제대로 게시되었는지 확인하는 ..

카카오뷰를 만들어서 티스토리 글과 여러 뉴스를 공유하고 있습니다. 카카오뷰 수익실현 조건과 친구 추가에 대해 알아보겠습니다. 카카오뷰 카카오뷰는 카카오가 출시한 콘텐츠 큐레이션 서비스 입니다. 내가 쓴 글이나 관련 기사 등을 편집해서 내가 하고 싶은 이야기를 하는 서비스이지요. 카카오의 티스토리 뿐만 아니라 네이버 블로그, 홈페이지에 쓴 글도 공유가 됩니다. 기본 적으로 카카오뷰는 링크를 넣어 내가 하고 싶은 이야기를 추가할 수 있기 때문입니다. 온라인 잡지를 발행하는 느낌으로 잡지 에디터가 된다고 생각하시면 될 것 같습니다. 물론 정확한 주제가 없어도 되지만, 주제를 정해서 취향이나 시사, 재테크 정보 등을 공유하면 더 많은 사람이 주목할 수 있습니다. 저처럼 티스토리에 글을 쓰는 사람은 그 글을 연동..