반응형 플로팅4 티스토리 플로팅 추천 글 기능 만들기 블로그 방문자들이 다른 글을 보도록 유도하기 위해 이전 글, 다음 글을 추천하는 기능을 만들어 보겠습니다. 디자인은 제 전문 분야가 아니라 기대하시면 안 되구요 ㅎㅎ 먼저 이 기능을 사용하기 위해 카테고리 글 더 보기 플러그인 기능이 필요합니다. 관련 글 태그를 활용할 수도 있지만 저는 사용하고 있지 않으므로 따로 다루지 않겠습니다. 목차 HTML 태그 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 다음과 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. 먼저 추천할 글을 담기 위한 컨테이너 박스를 만들어 보겠습니다. 우리는 이전 글, 다음 글을 넣을 예정이므로 2개를 만들어야겠죠. 원하시는 곳 아무데나 작성하시면 되는데 저는 맨 아래 쪽에 작.. 정보/블로그 운영팁 2021. 9. 17. 티스토리 모바일에서 유용한 떠 있는 플로팅 목차 위치 이동 방법 이번에는 플로팅 목차를 드래그 앤 드롭으로 원하는 위치로 이동시키는 기능을 만들건데요. 화면이 좁은 모바일에서 공간을 좀 더 효율적으로 활용하고자 생각하게 되었습니다. 목차가 계속 진화하고 있습니다. 목차 하나로 이렇게 다양한 컨텐츠가 나올 줄은 저도 미처 몰랐습니다 ㅎㅎ 어느새 제 블로그에 블로그 꾸미기가 주요 컨텐츠로 자리 잡았네요. 그럼 시작해 보겠습니다! 목차 플로팅 목차 적용 앞서 플로팅 목차를 적용하지 않으신 분은 다음 포스팅을 참고 바랄게요. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업으로 만든다면 상당히 번거롭겠죠. 그래서 jQuery 플러그인 Table of Contents(TOC)를 이용하여 자동으로 넣는 방법을 소.. 정보/블로그 운영팁 2020. 12. 21. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (고급 버전) 초급 버전에서 좀 더 기능을 강화한 버전을 만들어 보았습니다. 어느 정도 코딩이 가능한 분이어야 수월하게 따라하실 수 있을 겁니다. 이 부분이 어렵게 느껴지시는 분은 다음 초급 버전을 참고 바랍니다. 사실 난이도는 큰 차이가 없습니다.. ^^; 주의) 초급 버전과 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 이 포스팅은 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생.. 정보/블로그 운영팁 2020. 12. 20. 티스토리 떠 다니는 플로팅 목차 만드는 방법 (초급 버전) 목차를 확인하려면 다시 위로 올라가야 하는 불편함을 해소하고자 만들어 보았습니다. 생각보다 깔끔하게 잘 만들어진 것 같아서 공유합니다. 주의) 고급 버전을 먼저 반영하고 초급 버전을 나중에 적용하시는 분은 없으리라 예상되지만 만에 하나 그럴 경우 내용이 중복 되므로 이전 반영 사항이 있다면 먼저 제거하셔야 합니다. 참고) 북클럽 스킨 기반이라 다른 스킨에서 정상적인 동작이 이루어지지 않을 수 있어요. 댓글로 사용하시는 스킨 알려 주시면 보완하여 내용을 추가하도록 하겠습니다. 목차 목차 자동 생성 먼저 목차가 생성되어 있어야겠죠 ㅎㅎ 이전에 포스팅 한 내용이 있으므로 링크로 대체 하겠습니다. 티스토리 글에 자동으로 목차 넣기 티스토리 글에 자동으로 목차 넣기 목차를 넣고 싶긴한데 글 쓸 때마다 매번 수작업.. 정보/블로그 운영팁 2020. 12. 17. 이전 1 다음 💲 추천 글 반응형