블로그에 HTML 복사하기

티스토리, 구글 블로그스팟, 워드프레스에 워들리에서 생성한 블로그 html을 쉽게 복사하세요.

워들리에서 생성한 블로그 글을 html로 쉽게 복사하여 사용하세요!

게시용 HTML 생성

0.PNG

워들리에서 블로그를 생성하실 때 게시용 HTML 생성 기능을 켜시면, 최종글을 디자인된 블로그 글로 만들어 준답니다.

1.PNG

생성된 게시용 HTML/CSS를 클릭하시면 미리보기 화면과 HTML코드를 확인하실 수 있습니다. 생성된 HTML 코드를 '복사'하여 내가 운영하는 티스토리, 구글 블로그 스팟, 워드프레스 등 HTML을 지원하는 블로그 플랫폼 및 웹사이트에 손쉽게 업로드 하실 수 있어요!

2.PNG


목차



티스토리 HTML 복사 방법

3.티스토리.PNG

티스토리 글쓰기 모드에서 기본모드를 'HTML'모드로 변경 해주세요!

4.티스토리.PNG

5.티스토리.PNG

HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요!

6.티스토리 기본모드.PNG

HTML을 붙여넣으신 후 글쓰기 모드를 다시 '기본모드'로 변경 해주세요.

7.티스토리.PNG

참 쉽죠?~ 기본모드에서 편집을 하시거나 필요하신 이미지를 별도로 업로드하여 사용하실 수 있답니다.


구글 블로그 HTML 복사 방법

8.블로스스팟.PNG

9.블로그스팟.PNG

구글 블로그 글쓰기 모드에서 좌측 상단에 있는 연필 모양을 클릭 후 'HTML 보기'를 클릭 해주세요.

10.블로그스팟.PNG

11.블로그스팟.PNG

HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요!

12.블로그스팟.PNG

구글 블로그도 이처럼 쉽게 글이 복사 되었답니다. 이미지 업로드 등 편집은 다시 좌측 상단 연필 모양을 클릭 후 '새 글 작성 보기'를 클릭해서 자유롭게 편집 해주세요!


워드프레스 HTML 복사 방법

13.워드프레스.PNG14.워드프레스.PNG

워드프레스는 HTML모드를 활성화 하는 방법이 2가지가 있답니다.

  • 우측 상단 더 보기 메뉴( ⁝ )를 클릭 후 '코드 편집기' 클릭
  • 좌측 상단 + 버튼 클릭 후 '사용자 정의 HTML' 위젯 클릭

17.워드프레스.PNG

18.워드프레스.PNG

HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요!

19.워드플레스.PNG

짠! 워드프레스도 이렇게 어렵지 않게 HTML 코드를 사용하실 수 있답니다.


HTML 자유도가 높은 플랫폼에선 이렇게 디자인된 블로그 글을 쉽게 게시할 수 있답니다. 워들리를 통해 내 블로그를 더욱 매력적으로 만들어 보세요!

아쉽게도 네이버 블로그는 HTML작성 모드를 지원하지 않아요. 😭

워들리 블로그 만들기 ->