[Blogger] 글 작성 시 html로 codepen 입력하기 (구글블로그 블로거 블로그스팟 코드펜 에디터)_editor google blog blogspot_--

blogger 포스팅 시 코드펜을 입력하고싶은데 1번부분을 몰라서 헤매었다.

단점으로는 포스팅용량이 커지면 로딩하는데 렉이 발생하여 간단하게 사용할게 아니면 

추천하지않는다.

출처 : https://myhappyman.tistory.com/195

 1. codepen html입력은 블로거 글 작성 시 아래사진처럼 입력함.

2. https://codepen.io/trending >> 접속 >> 회원가입 >> 로그인

3. 로그인 후 작성을 위해 Pen 메뉴를 클릭

4. 코드를 작성

5. 코드 작성이 끝나면 해당 소스의 제목을 입력, Save버튼으로 저장

6. 저장 후 아래 하단에 embed 버튼을 클릭.

 

7. 원하는 테마를 선택 후 아래 소스를 복사. (저는 다크테마값으로 했습니다.)

8. 소스를 복사하셨으면, 블로그에서 1.사진처럼 모드를 변경

9. 소스삽입.

10. 셈플

See the Pen Untitled by 이영근 (@vvxbenno-the-lessful) on CodePen.