정보/블로그 운영팁82

• 

  티스토리 북 클럽 스킨 댓글 및 메뉴 오류 수정하기 북 클럽(Book Club) 스킨이 심플하고 예뻐서 사용자가 많은 반면 곳곳에 오류가 있어서 깔끔하지 못하죠. 구독자님들 블로그를 방문하여 보니 스킨에 존재하는 오류를 그대로 갖고 계신 분이 많은 것 같아서 간단하게 정리를 해 보려고 합니다. 목차 작업 사전 준비 관리 페이지 > 꾸미기 > 스킨 편집으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. 글 댓글 오류 수정 글 댓글 수정이나 삭제를 할 경우 새로고침을 하기 전까지 올바르게 보이지 않는 문제를 해결 합니다. s_rp_rep를 검색합니다. 아래에 보시는 바와 같이 li 태그에 id="[ ##_rp_rep_id_##]" 를 추가해 주세요. 다음으로 s_rp2_rep를 검색합니다. .. 정보/블로그 운영팁 2020. 12. 5.

• 

  애드센스 일치하는 콘텐츠 광고 스크롤 따라다니기 긴 글을 작성했을 경우 스크롤을 내리다 보면 사이드바가 너무 휑해 보이기도 하고, 사이드바에 배치시킨 일치하는 콘텐츠 광고가 금방 시야에서 사라져서 고안한 방법입니다. 광고가 너무 많아도 불편을 초래할 수 있으니 적절히 배치시키는 것이 더욱 중요합니다. 목차 따라다니는 광고는 애드센스 정책 위반인가 예전에는 고정되거나 플로팅 된 위치에 광고를 게재하는 행위를 제한한다는 문구가 있었다고 하는데요. 이 때문에 일부 블로거분들께서 우려를 하고 계신 것 같아요. 그런데 지금 확인을 해 보면 그런 내용이 없습니다. 원래 이 부분에 있었다고 하는군요. 제 생각에는 광고가 본문과 겹친다거나 실수로 클릭을 유도하거나 불법 프로그램을 사용하여 정상적이지 못한 방법으로 광고를 변형시키지만 않는다면 문제는 없을 것으로 예상.. 정보/블로그 운영팁 2020. 11. 28.

• 

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

• 

  블로그 속도와 SEO(검색 엔진 최적화)의 연관성 블로그에 대해 검색 하다가 충격적인 내용을 보았습니다. 제목에 적절한 키워드 잘 넣고 본문 내용만 잘 작성하면, 검색사이트에 노출이 잘 될거라는 막연한 생각으로 공부를 별로 안 했었는데요. 특히 구글이나 빙(bing)에서 페이지 로딩 속도가 검색 랭킹 factor 중 하나라는 글을 보았습니다. backlinko.com/google-ranking-factors Google’s 200 Ranking Factors: The Complete List (2020) A complete list of Google’s 200 ranking factors, sourced from SEO experiments, Google patents, and more. backlinko.com 이 글에서 22번째 항목입니다. 이렇게 .. 정보/블로그 운영팁 2020. 11. 22.

• 

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

• 

  블로그 커버 글 순서 실시간 랜덤 섞기 및 애니메이션 효과 적용 커버 글 4개가 다 중요한데 순서를 매번 수작업으로 바꾸기도 애매하고 사람들이 들어올 때마다 글 순서를 무작위로 변경하면서 애니메이션 효과로 보는 눈도 즐겁게 하고 좀 더 눈에 띄게 하면 어떨까 싶어서 고안한 방법입니다. 전체 글 수는 4개지만 그중에 1개를 안 보이게 하고 글 4개 중 3개를 선택하여 사라졌다가 다시 나타나면서 재배치 되도록 해보겠습니다. 그럼 바로 적용해 볼게요! 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다. 먼저 딜레이를 줄 수 있는 함수를 구현하였습니다. 그대로 가져다 쓰시면 됩니다. 그리고 c.. 정보/블로그 운영팁 2020. 11. 21.

• 

  티스토리 방명록 글(댓글)에 프로필 로고 이미지 보이게 하기 일반적인 글에 달린 댓글에서는 로고가 보이는데 방명록에만 안 보이는 것이 이상하여 알아 보았더니 치환자가 있긴 있더라구요. 다음 링크는 티스토리 스킨 가이드 입니다. tistory.github.io/document-tistory-skin 소개 · GitBook 티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토 tistory.github.io 방명록 가이드를 살펴보면 다음과 같은 작성자 프로필 치환자를 확인할 수 있습니다. 이 치환자를 내 블로그에 적용해 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디.. 정보/블로그 운영팁 2020. 11. 21.

• 

  티스토리에 무료 채팅(상담) 기능 넣기 가끔 질문을 해 주시는 분들에게 댓글로만 답하기에는 한계가 있어서 채팅을 찾아보게 되었는데 고맙게도(?) 무료로 채팅 기능을 이용할 수 있는 서비스가 있더라구요. 유료플랜에 비해서는 제한적이긴 하지만 의사소통하기에는 충분한 것 같습니다 ㅎㅎ 유료플랜으로 변경하기 전에는 계속 무료이니 안심하고 사용하시면 됩니다 :) 목차 채널톡 가입하기 먼저 아래 링크로 이동합니다. channel.io/ko 고객 획득 메신저 - 채널톡 사이트 방문객을 놓치지 마세요. 상담을 늘려서 영업기회를 높이거나, 자동화된 맞춤형 메시지로 전환율을 높일 수 있습니다. channel.io 자신이 사용하는 이메일을 하나 넣고 무료로 시작하기 버튼을 클릭합니다. 적당히 본인의 정보를 입력해 준 다음 다음 단계로 버튼을 클릭합니다. 필수 항.. 정보/블로그 운영팁 2020. 11. 21.

• 

  티스토리에 구글 애드센스 검색 광고 적용하기 내 블로그에서 구글 검색을 할 수 있는 검색창을 하나 달아 보겠습니다. 이 검색창을 통해 검색을 하게 되면 원하는 검색 결과와 함께 광고가 표시되는데 이 광고를 통해 수익을 얻을 수 있는 컨셉입니다. 먼저 애드센스 사이트에 접속합니다. 광고 > 개요를 클릭합니다. 광고 단위 기준 > 검색엔진을 선택합니다. 적당히 제목을 입력합니다. 저는 전체 웹을 선택해 보겠습니다. 간단히 만들기 버튼을 클릭합니다. 광고 단위 목록을 보면 방금 생성한 검색엔진 광고가 보이는데 우측에 연필 모양을 클릭합니다. 편집기로 이동을 클릭합니다. 기본사항에서 다음과 같이 적당히 검색 엔진 이름, 설명, 키워드를 입력합니다. 저는 그 외의 옵션들은 기본값으로 유지하였는데 읽어 보시고 필요하면 변경하시면 됩니다. 검색엔진 수정의 디자.. 정보/블로그 운영팁 2020. 11. 19.

• 

  티스토리 블로그 배경음악 직접 넣기 (고급 버전) 잠깐! 이 포스팅은 HTML, CSS, JavaScript 기초가 있으신 분들 대상으로 작성되었습니다. #배경음악넣기_초급버전 sangminem.tistory.com/84 티스토리(TISTORY) 블로그 배경음악(BGM) 직접 넣기 (초급 버전) 안녕하세요. 블로그를 하다 보니 은근 배경음악 욕심이 생겨서 한 번 넣어 보았습니다. 1. 음악 파일 등록 먼저 비공개 게시물을 하나 만듭니다. 그리고 위에 보이는 파일 메뉴를 통해 배경음악 sangminem.tistory.com 이해가 어려우신 분은 위 링크로 이동하셔서 초급버전이나 SCM Music Player로 적용해 보시길 바랄게요 :) 안녕하세요. 이번에는 초급 버전을 수정하여 조금 더 많은 기능을 넣어 보려고 합니다. 일단 동일하게 시작해 보겠습니다... 정보/블로그 운영팁 2020. 11. 17.

• 

  티스토리 대댓글 많을 경우 자동 접기 기능 구현 대댓글이 너무 많아지면 자동으로 접히는 기능이 없어서 직접 구현해 보았습니다. 자동으로 제공해 주면 참 좋을텐데 티스토리는 손이 많이 가는 블로그 서비스네요 ㅎㅎ 이와 같이 댓글이 너무 많아지면 조금 부담스럽죠 ㅎㅎ 한 번 접어 보겠습니다. 먼저 댓글들 태그를 jQuery로 가져 와 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭 합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데, 여기에 실제 동작에 필요한 소스 코드를 작성을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그에 다음과 같이 작성을 합니다. function initFoldReply() { var commentList = $('div.comment-list>ul>li'); if(com.. 정보/블로그 운영팁 2020. 11. 15.

• 

  티스토리 댓글에 URL 자동 링크 적용하는 방법 티스토리는 댓글에 URL을 입력하면 자동 링크를 생성해 주지 않아서 직접 그 기능을 구현해 보았습니다. 북 클럽 스킨 기준입니다. 다른 스킨에 적용하고 싶으신 분은 댓글 남겨 주시면 확인해 드릴게요. 깃허브에 올라 온 자동링크 만들어 주는 소스를 참고하여 작성하였습니다. github.com/bryanwoods/autolink-js bryanwoods/autolink-js Tiny little tool to find URLs in a string of text and hyperlink them - bryanwoods/autolink-js github.com 소스가 길지 않아서 직접 복사하여 가져 온 다음 필요한 로직을 덧붙여 구현해 보겠습니다. 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. htm.. 정보/블로그 운영팁 2020. 11. 15.