[티스토리] 코드 블럭에 코드 복사 버튼 만들기

AligeJung님의 블로그를 참고하였는데, 일부 수정해서 올려본다!(원본글) 티스토리 코드 복사하는 버튼 만들기티스토리 스킨 편집하다가 검색 기능이랑 더 보기 기능이 눌리지 않아 티스토리 스킨을 복구하면서 기록을 남긴다.

혹시 모르니 이걸 보는 분들이 있다면 더 많은 기능을 추가하기 전에 보관 버agilejung.tistory.com 버튼 작동 방식코드 블럭 밖에 마우스 커서가 있을 때는 아래와 같이 반투명한 상태로 있다가, 코드 블럭 위로 커서가 올라오면 어두워지고, Copy 버튼 위로 커서가 올라오면 (Hover) 배경과 글씨의 색이 반전된다. 그리고 버튼을 클릭하면 Copied!

로 바뀌고 2초 뒤에 원래의 Copy 버튼으로 되돌아 온다.예시 1. clipboard.js 다운로드  2. CodeB.....