워들리에서 생성한 블로그 글을 html로 쉽게 복사하여 사용하세요! ### 게시용 HTML 생성 ![0.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/84ad0285-43af-4a5e-ba87-d3e7ff18fb9d.PNG) 워들리에서 블로그를 생성하실 때 게시용 HTML 생성 기능을 켜시면, 최종글을 디자인된 블로그 글로 만들어 준답니다. ![1.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/6575cb5b-a052-4953-98cc-4c67881f9024.PNG) 생성된 게시용 HTML/CSS를 클릭하시면 미리보기 화면과 HTML코드를 확인하실 수 있습니다. 생성된 HTML 코드를 '복사'하여 내가 운영하는 티스토리, 구글 블로그 스팟, 워드프레스 등 HTML을 지원하는 블로그 플랫폼 및 웹사이트에 손쉽게 업로드 하실 수 있어요! ![2.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/2e1ed002-ece3-4aa1-99fe-902ecc88880a.PNG) --- ##

티스토리 HTML 복사 방법

![3.티스토리.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/e4355eab-f4f0-4858-9fab-68da0fdafb3f.PNG) 티스토리 글쓰기 모드에서 기본모드를 'HTML'모드로 변경 해주세요! ![4.티스토리.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/704cef87-6ca2-4f47-8132-293482c7e864.PNG) ![5.티스토리.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/88791a46-7ef5-4792-a168-5c1c1b086c54.PNG) HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요! ![6.티스토리 기본모드.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/b6cf0571-0491-4bbd-b48d-b7ffd087915c.PNG) HTML을 붙여넣으신 후 글쓰기 모드를 다시 '기본모드'로 변경 해주세요. ![7.티스토리.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/d70b3de6-1c3f-43f7-b026-24c9bbabf27b.PNG) 참 쉽죠?\~ 기본모드에서 편집을 하시거나 필요하신 이미지를 별도로 업로드하여 사용하실 수 있답니다. --- ###

구글 블로그 HTML 복사 방법

![8.블로스스팟.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/4e2db73d-7d5d-47ad-a845-eebe4dbb1f9f.PNG) ![9.블로그스팟.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/bff13907-859d-4233-a362-1cda488391d5.PNG) 구글 블로그 글쓰기 모드에서 좌측 상단에 있는 연필 모양을 클릭 후 'HTML 보기'를 클릭 해주세요. ![10.블로그스팟.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/5dc471c2-fb09-468c-a60c-f8995d9a8dd2.PNG) ![11.블로그스팟.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/ccf63032-1348-4bc0-95c2-ef3023e035cf.PNG) HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요! ![12.블로그스팟.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/56357fd6-83af-4b63-8582-4c99167837da.PNG) 구글 블로그도 이처럼 쉽게 글이 복사 되었답니다. 이미지 업로드 등 편집은 다시 좌측 상단 연필 모양을 클릭 후 '새 글 작성 보기'를 클릭해서 자유롭게 편집 해주세요! ---

워드프레스 HTML 복사 방법

![13.워드프레스.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/b9c39a36-f63c-4987-957d-01aa02d86289.PNG)![14.워드프레스.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/27c4fb74-5643-414f-922b-9e731a82e57c.PNG) 워드프레스는 HTML모드를 활성화 하는 방법이 2가지가 있답니다. - 우측 상단 더 보기 메뉴( ⁝ )를 클릭 후 '코드 편집기' 클릭 - 좌측 상단 + 버튼 클릭 후 '사용자 정의 HTML' 위젯 클릭 ![17.워드프레스.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/649c08b1-d683-45e8-a860-fa10b855a48c.PNG) ![18.워드프레스.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/145df17f-5d63-4221-919a-13e25b84b151.PNG) HTML 입력 화면에 워들리가 생성한 HTML코드를 '붙여넣기(Ctrl+V)' 해주세요! ![19.워드플레스.PNG](https://aykkbmptyqarqjoyqhcc.supabase.co/storage/v1/object/public/docs_image/help/6add0209-94b1-44c9-8165-012690aef3e7.PNG) 짠! 워드프레스도 이렇게 어렵지 않게 HTML 코드를 사용하실 수 있답니다. --- HTML 자유도가 높은 플랫폼에선 이렇게 디자인된 블로그 글을 쉽게 게시할 수 있답니다. 워들리를 통해 내 블로그를 더욱 매력적으로 만들어 보세요! >아쉽게도 네이버 블로그는 HTML작성 모드를 지원하지 않아요. 😭 [워들리 블로그 만들기 -> ](https://wordly.im/home)

목차

티스토리 HTML 복사 방법

구글 블로그 HTML 복사 방법

워드프레스 HTML 복사 방법