Tistory Codepen 글쓰기에 사용하기
안녕하세요.
고코더 입니다.
● 1. 코드펜의 에디터를 티스토리에 붙여 넣어서 보여주는 방법을 알아보겠습니다. 특히 코딩을 강의하는 블로거들에게는 아주 좋은 방법이 될 거라 생각합니다.
● 2. 코드펜에서 퍼오고 싶은 소스에 들어가서 "Embed"를 클릭합니다.
● 3. "Copy & Paste Code"에서 iframe를 선택하고 소스를 복사합니다.
● 4. 그다음 티스토리 새로운 글쓰기 에디터에서 HTML 모드를 선택합니다.
● 5. 그리고 코드펜에서 복사해온 소스를 그대로 붙여 넣습니다. 그럼 이런 형태로 iframe으로 시작하고 끝나는 코드가 입력됩니다.
● 6. 다음 다시 기본 모드를 클릭하게 되면
● 7. 이렇게 아주 깔끔하고 보기 좋은 코드펜 소스를 티스토리에서 볼 수 있게 됩니다.
마무리
두 조합이 잘 어울리네요.
'블로그_활용 > 블로그' 카테고리의 다른 글
| 블로그 후원 서비스 "이지투서포트" - 서비스 종료된 도네리카노 같은 서비스 (1) | 2022.10.04 |
|---|---|
| 티스토리 - 광고 플랫폼 연동하기에서 애드센스가 안 보일 때 (0) | 2021.10.31 |
| 티스토리 - 새로운 에디터에서 파일을 첨부하는 방법 (0) | 2021.01.16 |
| 티스토리 - 새로운 글쓰기에서 소스 코드 넣는 방법 / Syntax Highlight (0) | 2021.01.08 |
| 티스토리 - 카카오톡으로 계정 전환하기 (0) | 2021.01.02 |
댓글