본문 바로가기

⑤ 툴 활용

블로그에 codepen 코드 가져오기

728x90

 1. codepen.io 회원가입을 합니다.

 

회원가입 후 코드를 작성해 주세요.

 

 

 

 

 
 

 2. Save 버튼을 누르면 우측 하단에 Embed 버튼이 생성됩니다.

 

Save 버튼을 누른 후 Embed 버튼을 눌러주세요.

 

 

 

 

 
 

  3. 테마를 선택하고 우측 하단 iframe을 선택합니다.

 

iframe 안의 코드를 복사해 주세요.

 

 

 

 

 

 
 

  4. 블로그 텍스트 편집기를 HTML로 바꾼 후 코드를 붙여 넣으세요.

 

 

 

 

 

 

 

 

 
 

 

  완성!

 

 

 

 

 

 

728x90

'⑤ 툴 활용' 카테고리의 다른 글

구글 검색 효율적으로 하기  (0) 2022.08.04
terminal에서 code . 으로 vscode 열기  (0) 2022.03.03