티스토리 블로그78 워드프레스 티스토리 애드센스 블로그 수익 현실 비교 현타 쎄게 Contents워드프레스 블로그를 만든지 정확하지는 않지만 어느덧 2년? 정도 된것 같다. 그리고 티스토리 블로그는 만든지 한 10년은 넘은 것 같다. 예전에 만들어둬서 오래됨. 둘다 막 엄청 열심히 글을 쓰지는 않았지만 그래도 글이 어느정도 쌓였다. 그리고 둘다 애드센스는 승인이 되어서 애드센스 광고를 송출 할 수 있다. 그래서 이번 글은 과연 한달에 누가 더 수익이 많이 나올까하는 궁금증에 데이터를 확인해봤다. 이번 글에서는 장단점 및 여러가지 이야기들을 적어놨다. 워드프레스/티스토리 블로그 스펙워드프레스 블로그 글 갯수 59개티스토리 블로그 글 갯수 278개 글 갯수가 4배가 차이나는데 광고 수익이 미미 하지만 비슷하다는게.. 일단 현타가 오네요.그래도 티스토리를 포기할 수 없는 이유는 아래에 적.. 2025. 1. 7. 블로그 꾸미기 본문 제목 CSS 코드 수정 (챗지피티 활용 방법 및 사례 1) Contents사실 챗지피티 활용방법은 정말 쉽습니다. 크게 어렵게 생각할 필요 없이 그냥 물어보면 됩니다. 항상 일할때나 일상에서 챗지피티를 사용하고 있는데... 사용하다 보면 이녀석이 진짜 편리함을 계속해서 느끼고 있습니다. '와 진짜 이렇게 검색이 편해질 수 가 있나?'라는 생각을 하게 되고 물어보면 여지것 받은 답변율도 99% 정확도를 보여줬습니다. Chat Gpt 활용 사례 블로그 본문 제목 CSS 코드 수정전위 사진에서 확인할 수 있듯이 본문과 제목이 약간 뒤틀려 있는 것을 확인 할 수 있습니다. 혼자서 고쳐 볼려고 했지만 CSS코드도 잘 모르고 알고 있는 코드로는 해결이 안되어 챗지피 활용했습니다. Chat Gpt 챗 지피티 한테 코드 물어보기그냥 챗지피티 한테 다짜고짜 블로그 본문 제목.. 2024. 12. 23. 블로그 티스토리 요약 글 줄이기 줄이는 방법 CSS 코드 수정 간단한 CSS 코드 추가로 메인 페이지에요약글을 줄이는 방법 입니다. 요약글 생략 코드가 적용된 모습 미리보기CSS 코드 적용후 요약글이 줄어든 것을확인할 수 있습니다. 또한 요약글 끝에는 생략의 표시로'...'을 붙여 두었습니다. 적용된 CSS 코드 확인하기위 코드는 요약글 생략을 위한 코드입니다. 이상한 점은 코드를 실제로 적용해 봤을때원래라면 '.excerpt{}' 코드안에한번에 코드를 넣어서 적용하는게 정상입니다. 하지만 실제로 한번에 코드를 넣어보니적용이 안되서'.excerpt{}' 코드를 2개로 나눠서적용했습니다. 적용된 CSS 코드 복사는 아래 '더보기'더보기" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 간단하게 요약글 생략하는 방법을 알아봤습니다. 2024. 11. 16. 구글 애드센스 광고 크롤러 오류 문제 간단한 해결 방법 목차광고 게재 제한 애드센스 광고 크롤러 오류 발생최근에 위와 같이 '광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다.'라는 내용의 경고문이 제 애드센스 광고 계정에 떠있는데요. 수익 손실이라는 말에 헐래벌떡 이게 어떻게 된거지하고 애드센스 광고 '정책 센터'탭에서 어떤 오류가 생겼는지 확인 해봤습니다. 그리고 위와 같이 티스토리 특정 글에서 '크롤러: 호스팅 서버에 연결 할 수 없음'이라는 문제로 '광고 게재 제한됨' 상태인 것을 확인할 수 있었습니다. 그럼 해당 페이지에서 광고가 제대로 나오지 않는 다는 것을 말하는데요. 최근에 작성했던 글인데 처음으로 이런일이 발생하니 조금 당황스러웠지만 아무렇지 않게 해결이 되었습니다? 구글 애드센스 광고 크롤러 오류 문제 해결 방법다.. 2024. 11. 15. 원하는 특정 부분 글자 색상 변경하기 예시 (블로그 스킨 꾸미기) 블로그 스킨을 꾸밀때 원하는 부분의 색상을 변경하는 방법입니다. CSS 코드만 수정하여 간단하게 색상을 변경할 수 있습니다. CSS코드를 추가하는 방법과 'F12' 개발자창 사용하는 방법은 > 여기서 확인할 수 있습니다. 티스토리에서 색상 변경 예시티스토리에서 'F12' 개발자 모드로 들어가 글자를 변경하고 싶은곳에 마우스를 갖다 대면 해당 코드를 찾을 수 있습니다.해당 코드에 '#555;'라는 색상 코드가 입혀져 있었고 해당 색상을 변경하면 간단하게 색상을 변경할 수 있습니다. 위 와 같이 색상을 'blue;'로 변경해봤습니다. 잘 적용되는 것을 확인할 수 있습니다. 블로그 스팟 (특정 스킨) 색상 변경 예시해당 블로그스팟에 적용된 스킨의 사이드바 색상을 변경하려고 했더니 블로그스팟의 사이드바는 글.. 2024. 11. 13. CSS 스크롤시 원하는 특정 부분 페이지 상단 전체 고정되게 설정하기 이번에 적용해본 코드는 자바스크립트와 CSS를 사용했습니다. 원하는 특정 부분을 상단에 전체에 펼쳐지게 하고 고정되면서 스크롤시 따라오게하는 코드를 적용했습니다. 코드가 적용된 모습 미리보기원래라면 '라벨이 "발라드"인 게시물 표시'라는 박스 부분이 스크롤시 고정되면 따라오지 않습니다. 자바스크리트와 CSS 코드를 적용한 후에 '라벨이 "발라드"인 게시물 표시'라는 부분이 스크롤시 상단에 고정되어 전체로 펼쳐진채 스크롤되는 것을 확인할 수 있습니다. 적용된 자바스크립트 코드 보기위 자바스크립트 코드 사진에서 빨간색 밑줄 친 부분만 스크롤시 고정을 시키려고 하는 'class 이름'으로 변경하여 넣어 주면 됩니다. Class 이름을 찾아봤습니다제가 고정시키려고한 부분의 클래스명(이름)을 'F12'관리.. 2024. 11. 12. 블로그 글 가독성을 위한 제목 꾸미기 제목옆에 I 자 만들기 가독성을 높이기 위한블로그 제목 꾸미기는 방법입니다. 블로그 글을 볼때본문의 제목인지 아니면 본문 내용인지무의식적으로 인지하는데요. 때문에 제목이라는 확실한 시각적 효과를 주면글을 읽는 사람이 제목을 스스로 찾을 필요가 없게 됩니다. 즉, 글을 읽을때 에너지를 적게 들게 함으로써가독성을 올리는 효과를 얻을 수 있습니다. 제목 꾸미기 ( 막대기 CSS 코드 )제목에 해당 꾸미기를 진행하기 위해서는간단한 CSS 코드 추가가 필요합니다. CSS 코드 옆에 간단하게 설명 코멘트도달아 두었습니다. 12345678910.entry-content h2::before { /*before 값으로 제목 옆에 표시되게*/ &nbs.. 2024. 11. 8. 티스토리 사이드바 애드센스 반응형 수동 광고 넣기 Contents지난 글에 이어서 이번글에서는 티스토리 스킨 광고 셋팅을 할때 기본적으로 하면 좋은 티스토리 블로그 사이드바 부분에 수동 반응형 광고를 넣는 방법입니다. 티스토리에서 사이드바 광고 설정하는게 가장 쉽다고 할 정도로 난이도는 굉장히 쉽습니다. 사이드바 애드센스 광고 적용 위치 미리보기위 사진과 같이 티스토리 블로그 어디에서든 사이드바 광고가 나오게 설정됩니다.다만 모바일에서는 사이드바 광고는 보이지 않습니다. 티스토리 사이드바 광고 적용 방법 구글 디스플레이 애드센스 광고 만들기우선 구글 애드센스 사이트에 접속하여 '디스플레이 광고'를 만들어야 합니다. (사진을 참고하여 따라 만들어 주세요.) '광고 단위 이름'에는 알아보기 쉽게하기 위해서 어떤 부분에 넣을 광고 인지 '광고 단위 이.. 2024. 9. 3. 티스토리 본문 관련글 애드센스 반응형 수동 멀티플렉스 광고 넣기 Contents지난 글에 이어서 이번글에서는 티스토리 스킨 광고 셋팅을 할때 기본적으로 하면 좋은 하단 관련글(Related)부분에 멀티플렉스형 애드센스 광고를 넣는 방법입니다. 멀티플렉스형 광고는 기본적으로 광고비 단가가 높게 나와 사용하기 좋습니다. 관련글 멀티플렉스 애드센스 광고 적용 위치 미리보기위 사진과 같이 티스토리 블로그 본문 관련글 밑 부분에 자연스럽게 멀티플렉스 광고가 나오게 설정됩니다. 관련글 밑에 구글 애드센스 멀티플렉스 광고 적용 방법 멀티플렉스 구글 애드센스 광고 만들기우선 구글 애드센스 사이트에 접속하여 '멀티플렉스 광고'를 만들어야 합니다. (사진을 참고하여 따라 만들어 주세요.) '광고 단위 이름'에는 알아보기 쉽게하기 위해서 어떤 부분에 넣을 광고 인지 '광고 단위.. 2024. 9. 3. 이전 1 2 3 4 ··· 9 다음
