본문 바로가기

잡동사니/알-유-지(알고있으면 유용한 지식)

[알-유-지]CodePen 블로그에서 사용해보자!

728x90
반응형



HTML, Javascript, CSS 코드를 시험해보고,

나만의 코드를 블로그에서 보여주고싶을 때!

CodePen에서 가져와보자!


1. CodePan에 접속한다! https://codepen.io/


2. 로그인 후 Create 밑 pen 클릭!


3. Html, CSS, Javascript를 작성한다!


4. Save를 누르고 Export를 누르면 나오는 Embed pen 클릭!


5.HTML로 되어있는 부분을 복사!


6. 티스토리 글작성으로 들어와 HTML 클릭후 복사한 것을 붙여넣어준다!


7. 다시 돌아왔을 때 아래처럼 나오지만 그냥 발행한다!


8. 발행 완료 후 아래처럼 나오게 된다!

See the Pen pGmLmy by 유호준 (@ToxicNuke) on CodePen.



반응형