티스토리37

• 

  티스토리 URL의 category 부분 제거하여 광고 수익 상승 시키기 블로그를 운영하는 데 좋은 팁이 있어서 오랜만에 글을 씁니다. 목차 티스토리 URL의 문제점 같은 글에도 다음과 같이 두 가지 URL이 있습니다. https://sangminem.tistory.com/506 https://sangminem.tistory.com/506?category=933078 이는 구글 애드센스에서 각각 다른 URL로 취급하여 페이지 뷰 수를 분산시켜 광고 단가에 안 좋은 영향을 준다고 합니다. 보통 페이지 뷰 수가 높을 수록 광고 단가가 높다고 하네요. 따라서 블로그 카테고리 페이지에서 글을 접근할 때 생기는 링크의 ?category= 이후 부분을 모두 제거하여 단일 URL로만 접근하도록 유도하는 것이 좋습니다. 얼마 전까지 그냥 보기 안좋다는 정도로만 생각하고 이 문제를 해결할 생.. 정보/블로그 운영팁 2021. 9. 10.

• 

  티스토리 본문에 적용된 글꼴 무시하는 방법 본문에 원치 않은 글꼴이 적용되어 있는데 눈치 채지 못하고 계속 많은 글을 작성하신 분들이 간혹 있는 것 같아서 해결책을 알려 드리기 위해 글을 작성해 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데 CSS 탭을 선택합니다. 다음과 같이 코드를 작성하시면 됩니다. .tt_article_useless_p_margin p span { font-family: Bitter,'Iropke Batang','Noto Sans DemiLight',AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,돋움,sans-serif,'Font_Awesome_5_Free' !important;.. 정보/블로그 운영팁 2021. 4. 3.

• 

  티스토리 토스트 알림 팝업 기능 만들기 클립보드 내용 복사 완료 문구를 단순하게 alert 창을 이용하여 띄웠더니 너무 없어 보여서 간단하게 구현하였습니다. 목차 HTML 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위와 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. 다음 내용을 body 태그 안쪽 아무데나 작성 하시면 됩니다. 먼저 토스트 메시지를 띄울 영역을 잡았습니다. 최초에는 보이지 않아야 하므로 display 속성에 none을 설정합니다. 자바스크립트 작성 관리 페이지 > 꾸미기 > 스킨 편집 > html 편집 > HTML 에디터 로 이동하여 body 태그 안쪽 제일 하단 붙여넣기 하시면 됩니다. toast는 메시지가 잠깐 보였다가 사라지는 것이 핵심입니다. jQuer.. 정보/블로그 운영팁 2021. 2. 20.

• 

  구글 핵심적인 웹 지표 CLS 측정 및 개선 방법 이 글을 보시는 분들 중에는 취미로 가볍게 또는 수익을 목적으로 시작하신 분이나 관심만 갖고 있고 아직 행동에 옮기지 않은 분들도 계실 텐데요. 저 또한 블로그를 해 보고 싶다는 생각을 꾸준히 해 왔지만 실천을 하지 않고 있다가 불과 몇 개월 전에 문득 코딩 강의를 올려 보고 싶은 생각이 들어서 시작을 하게 되었습니다. 계기는 어떻든 간에 단순히 일기를 쓰는 건 아니니 다른 사람이 내 글을 봤으면 하는 생각이 어느 정도 바탕에 깔려 있으실 겁니다. 그래서 한 가지 도움이 될 만한 글을 포스팅 하고자 컴퓨터 앞에 앉았습니다. 목차 사람들이 어떻게 내 글을 볼 수 있을까 저도 처음에는 정말 아무것도 몰랐어요. 그냥 내 스타일 대로 글만 잘 쓰면 내 글의 가치를 알아 봐 주는 사람들이 알아서 들어오고 점점 입.. 정보/블로그 운영팁 2020. 12. 26.

• 

  티스토리 모바일에서 유용한 떠 있는 플로팅 목차 위치 이동 방법 이번에는 플로팅 목차를 드래그 앤 드롭으로 원하는 위치로 이동시키는 기능을 만들건데요. 화면이 좁은 모바일에서 공간을 좀 더 효율적으로 활용하고자 생각하게 되었습니다. 목차가 계속 진화하고 있습니다. 목차 하나로 이렇게 다양한 컨텐츠가 나올 줄은 저도 미처 몰랐습니다 ㅎㅎ 어느새 제 블로그에 블로그 꾸미기가 주요 컨텐츠로 자리 잡았네요. 그럼 시작해 보겠습니다! 목차 플로팅 목차 적용 앞서 플로팅 목차를 적용하지 않으신 분은 다음 포스팅을 참고 바랄게요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소.. 정보/블로그 운영팁 2020. 12. 21.

• 

  티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생각보다 깔끔하게 잘 만들어진 것 같아서 공유합니다. 주의) 고급 버전을 먼저 반영하고 초급 버전을 나중에 적용하시는 분은 없으리라 예상되지만 만에 하나 그럴 경우 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 목차 목차 자동 생성 먼저 목차가 생성되어 있어야겠죠 ㅎㅎ 이전에 포스팅 한 내용이 있으므로 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업.. 정보/블로그 운영팁 2020. 12. 17.

• 

  티스토리 블로그 속도 개선 후 구글, 네이버 지표 변화 블로그 속도를 개선한 후 특히 구글 서치콘솔에서 변화가 있었습니다. 물론 블로그 품질이 좋아졌다고 바로 구글 검색 상위권에 노출되거나 하진 않겠지만 지속적으로 좋은 점수를 유지한다면 분명 긍정적인 영향을 줄 것으로 기대합니다. 목차 속도 개선 전 PageSpeed 점수 모바일의 경우 말도 안 되는 100점 만점에 5점이었습니다. 블로그를 처음 해보는 거라 전혀 개념이 없는 상태여서 더더욱 그랬던 것 같습니다. 이 때부터 충격받고 하나씩 알아보기 시작했습니다. 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 페이지 로딩 속도가 SEO(검색 엔진 최적화)에 영향이 있다고 합니다! 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성.. 정보/블로그 운영팁 2020. 12. 12.

• 

  티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소개합니다. 저는 제목1, 제목2로 작성한 부분만 목차로 가져오도록 만들어 보았습니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 테스트 완료 스킨) Book Club, Odyssey, Letter, Poster, #1, 고래스킨4.0 추천 제안) 미넴 스킨을 적용하시면 고급스러운 목차를 빠르게 사용할 수 있습니다! 친효 스킨, 고래 스킨 뒤를 이을 티스토리 무료 스킨 제작 프로젝트, 미넴 스킨 소개 및 설.. 정보/블로그 운영팁 2020. 12. 12.

• 

  티스토리 공감 구독 버튼 꾸미기: 가운데 정렬, 말풍선 강조 오늘은 공감 버튼과 구독하기 버튼을 강조하기 위해 꾸며보도록 하겠습니다. 북 클럽에서 적용한 내용이므로 다른 스킨에서 적용 시 다른 부분이 있을 수 있으니 안 되시면 댓글 남겨 주세요. 목차 공감 구독 버튼 가운데 정렬 다음과 같이 왼쪽 정렬되어 있는 버튼들을 가운데로 이동시켜 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데 CSS 탭을 선택합니다. 아래 CSS코드를 붙여넣기만 해주시면 됩니다. .container_postbtn { text-align: center; } .container_postbtn button { vertical-align: top !important; } .container_postbtn.. 정보/블로그 운영팁 2020. 12. 11.

• 

  티스토리 글 상단에 애드센스 광고 2개 삽입하는 방법 글 상단에 광고가 2개 뜨는 블로그가 있는데 어떻게 하는지 궁금하신 분이 있을 것 같아서 포스팅 합니다. 관리 페이지에 수익 메뉴가 생기기 전까지는 플러그인이 제공되어 원하는 대로 태그 삽입이 가능했다고 하는데 지금은 플러그인 대신 광고 위치 선택하는 방법으로 변경되어 자동으로 알아서 들어가게 됩니다. 하지만 방법이 없는 것은 아니죠. 지금부터 수작업으로 글 상단에 애드센스 광고를 2개 넣어 보겠습니다. 주의) 일부 스킨은 본문 표시 영역이 좁아서 가로로 광고 2개가 들어가지 않을 수 있으니 참고 바랍니다. 임시 방책) transform 속성에 scale(1미만)의 값을 넣어 볼 수는 있을 것 같습니다. 목차 광고 설정 해제 먼저 기존에 설정한 광고 설정을 해제합니다. 관리 페이지 > 수익 > 애드센스 .. 정보/블로그 운영팁 2020. 12. 11.

• 

  티스토리 SEO(검색 엔진 최적화)를 위한 블로그 속도 개선 페이징 로딩속도도 검색 사이트 노출에 영향을 미친다는 사실을 알고 구글에서 제공하는 페이지 속도 측정 사이트에서 측정 결과, 100점 만점에 5점이라는 충격적인 결과를 접하고 페이지 로딩에 신경써야겠다고 생각을 했습니다. 다음은 개선 전 포스팅 게시물 입니다. 블로그 속도와 SEO(검색 엔진 최적화)의 연관성 블로그 속도와 SEO(검색 엔진 최적화)의 연관성 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성하면, 검색사이트에 노출이 잘 될거라는 막연한 생각으로 공부를 별로 안 했었는데 sangminem.tistory.com 목차 개선 내용 지금부터 독하게 마음 먹고 정비에 들어 가겠습니다. 앞으로 쓸데없는 기능은 굳이 넣지 않을 겁니다. 진짜 필요.. 정보/블로그 운영팁 2020. 11. 23.

• 

  애드센스 일치하는 콘텐츠 광고 관련글에 적용하기 글 하단 관련글에 일치하는 콘텐츠 광고를 넣으면 광고 효과가 더 좋을 것 같아서 생각한 방법입니다. 일치하는 콘텐츠 광고는 자격 요건이 있는 것 같습니다. 저도 처음부터 뜬 것 같지는 않으니 지속적으로 확인해 보시길 바랍니다. 다음은 애드센스 공식적인 도움말 입니다. 그럼 시작해 보겠습니다. 먼저 애드센스 사이트에 접속합니다. 광고 > 개요를 클릭합니다. 광고 단위 기준 > 일치하는 콘텐츠를 선택 합니다. 광고 단위 이름만 입력하고 나머지는 기본값을 유지합니다. 그 다음 저장 및 코드 생성 버튼을 클릭합니다. 코드 복사를 한 다음 완료 버튼을 클릭합니다. 관리 페이지 > 꾸미기 > 스킨 편집으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니.. 정보/블로그 운영팁 2020. 11. 22.