반응형
1. 코드펜 사이트에 회원가입 후 로그인 해줍니다.
저는 깃허브 계정으로 로그인 해버렸어요.
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
2. html, css, js를 작성합니다.
3. save - embed - html - 코드복사
지금보니 gif가 잘 안보이네요..
상단의 save - 하단의 embed - html - 코드복사를 차례대로 눌러주세용
4. 티스토리 글쓰기에서 html블럭에 붙여넣기 합니다.
위의 result를 클릭하면 움직이는 소스결과를 볼 수 있습니다 ~
728x90
반응형
'log. > tistory custom' 카테고리의 다른 글
| 티스토리 탭 아이콘 변경하기 :: 파비콘 ico 아이콘 만들기 크기 변경하기 (0) | 2025.01.07 |
|---|---|
| 티스토리 게시물 상단에 읽기 진행도 표시하기 - 상단 프로그레스바로 완성! (2) | 2024.12.09 |
| 티스토리 자동목차 설정으로 쉽게조회수 늘리기 - 스크롤 따라 움직이는 반응형 목차(TOC) 만들기 (2) | 2024.12.09 |
