반응형 토스트3 티스토리 공감 클릭 시 고마움 표시하기 공감을 눌러 주신 분들께 감사한 마음을 전달하고자 생각한 방법입니다. 복잡하지 않은 내용이므로 쉽게 따라 하실 수 있습니다. 목차 토스트 기능 만들기 사실 토스트 기능을 좀 더 전파하고 싶어서 작성한 글입니다. 토스트 기능을 먼저 적용하셔야 이어서 진행이 가능합니다. 아래 포스팅 참고 하시기 바랍니다. 티스토리 토스트 알림 팝업 기능 만들기 티스토리 토스트 알림 팝업 기능 만들기 클립보드 내용 복사 완료 문구를 단순하게 alert 창을 이용하여 띄웠더니 너무 없어 보여서 간단하게 구현하였습니다. 목차 HTML 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집 sangminem.tistory.com 클릭 이벤트 작성하기 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. htm.. 정보/블로그 운영팁 2021. 2. 22. 티스토리 목차 링크 클립보드 복사하기 목차를 클릭하면 해당위치로 바로 가는 기능까지는 지원이 되어 문제가 없는데, 문득 목차 링크를 클릭 한번으로 복사 가능하면 좋을 것 같다는 생각이 들어서 개발하게 되었습니다. 목차 작업 위치 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위외 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. body 태그 안쪽 제일 하단 script 태그 안에 붙여넣기 하시면 됩니다. 링크 복사 아이콘 생성 제목 오른쪽에 링크 복사 아이콘을 삽입하는 함수입니다. function makeClipboardLink() { var tocLink = $('#toc a'); tocLink.each(function(i, aLink) { var regExp = /[\{\}\[\].. 정보/블로그 운영팁 2021. 2. 20. 티스토리 토스트 알림 팝업 기능 만들기 클립보드 내용 복사 완료 문구를 단순하게 alert 창을 이용하여 띄웠더니 너무 없어 보여서 간단하게 구현하였습니다. 목차 HTML 작성 관리 페이지 > 꾸미기 > 스킨 편집 으로 이동합니다. html 편집을 클릭합니다. 그럼 위와 같은 HTML 에디터가 뜨는데 여기에서 작업을 해 보겠습니다. 다음 내용을 body 태그 안쪽 아무데나 작성 하시면 됩니다. 먼저 토스트 메시지를 띄울 영역을 잡았습니다. 최초에는 보이지 않아야 하므로 display 속성에 none을 설정합니다. 자바스크립트 작성 관리 페이지 > 꾸미기 > 스킨 편집 > html 편집 > HTML 에디터 로 이동하여 body 태그 안쪽 제일 하단 붙여넣기 하시면 됩니다. toast는 메시지가 잠깐 보였다가 사라지는 것이 핵심입니다. jQuer.. 정보/블로그 운영팁 2021. 2. 20. 이전 1 다음 💲 추천 글 반응형