블로그스팟에서 글을 작성하다 보면 외부 링크를 단순히 텍스트로 남기기보다, 이미지와 함께 예쁘게 카드 형태로 보여주고 싶을 때가 많죠. 이 블로그스팟 링크 미리보기 생성기는 별도의 복잡한 HTML 코딩 지식 없이도, 링크, 이미지, 간단한 설명 텍스트만 입력하면 자동으로 미리보기 카드 코드를 생성해 줍니다. 생성된 코드를 블로그스팟 글 편집기(HTML 모드)로 들어가 원하는 위치에 그대로 붙여 넣으면, 깔끔하고 균형 잡힌 링크 미리보기 카드가 완성됩니다.
Blogger 링크 미리보기 생성기
블로그스팟 링크 미리보기 생성기 '최적화 버전'
※ 생성기는 페이지의 OG/meta 정보를 가져와 자동으로 제목·설명·대표이미지를 채웁니다. 일부 사이트는 차단될 수 있습니다.
블로그스팟에 붙여넣을 최종 HTML (복사해서 포스트 HTML 보기 모드에 붙여넣기)
붙여넣을 때는 반드시 블로그스팟의 HTML 보기로 전환한 뒤 붙여넣으세요.
![]() |
실제 미리보기 예시 |
🛠사용 방법
1. 입력란에 원하는 정보 입력
연결할 웹페이지 주소를 입력하세요. “미리보기 생성 버튼” 클릭→ 입력한 내용을 바탕으로 자동으로 HTML 코드가 생성됩니다.
2. 생성된 코드 확인 및 복사
하단 출력창에 결과물 미리보기와 코드가 표시됩니다. “복사하기 버튼”을 눌러 쉽게 클립보드에 복사하세요.
3. 블로그스팟에 붙여넣기
블로그스팟 글 작성 화면에서 HTML 모드로 전환합니다. 원하는 위치에 복사한 코드를 붙여넣고 다시 작성 모드로 돌아가면 카드 형태가 적용된 것을 확인할 수 있습니다.