블로그스팟(Blogger)을 운영하다 보면 가장 아쉬운 점이 하나 있습니다. 바로 '외부 링크'를 걸 때 썸네일이 예쁘게 나오지 않는다는 점인데요. 워드프레스나 티스토리는 링크만 붙여넣어도 멋진 '카드 뉴스' 형태의 미리보기가 생성되지만, 블로그스팟은 파란색 텍스트 한 줄만 덩그러니 남는 경우가 많습니다. 그렇다고 매번 이미지를 캡처하고 표를 만들어서 링크를 꾸미기에는 시간이 너무 오래 걸리죠. 그래서 직접 만들었습니다. 복잡한 본문 설명은 싹 빼고, "썸네일 이미지"와 "제목"만 뉴스 배너처럼 심플하게 보여주는 링크 생성기입니다. 이 도구는 특히 '모바일 가독성'에 집중했습니다. 기존의 링크 박스들은 모바일 화면에서 이미지가 위로 튀거나 글자가 찌그러지는 문제가 있었는데, 이 코드는 화면 크기에 상관없이 항상 [왼쪽 이미지 + 오른쪽 제목]의 깔끔한 비율을 유지합니다.
블로그스팟 링크 미리보기 생성기
이 생성기의 특징
심플함의 미학: 지저분한 본문 미리보기 텍스트(Description)를 제거하여 클릭률을 높였습니다.
모바일 최적화: 스마트폰에서도 이미지가 1:1 비율로 예쁘게 고정됩니다.
간편한 사용: 별도의 CSS 파일 업로드 없이, 생성된 HTML을 복사해서 붙여넣기만 하면 됩니다.
자동 썸네일: 이미지가 없는 링크는 기본 썸네일로 깔끔하게 처리됩니다.
🔗 블로그 링크 미리보기 생성기
생성된 배너가 여기에 표시됩니다.
*예시
