블로그에 codepen 코드 가져오기

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

 

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

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

 

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

 

 

 

 

 

 

 

 

 

 

 

  완성!