구글 블로거 사진 여러 장 예쁘게 배치하는 법 (코드 자동 생성)

구글 블로거에서 사진을 여러 장 나란히 놓으려고 해본 적 있으신가요?
기본 편집기로는 사진이 무조건 세로로 쭉 쌓여버리고, 억지로 나란히 놓으면 크기가 들쭉날쭉해서 보기 흉하죠.

워드프레스나 티스토리는 이런 기능이 플러그인으로 간단한데, 블로거는 HTML 코드를 직접 수정해야 해서 처음엔 정말 막막합니다.

💡 이 글에서 해결됩니다!
코드 몰라도 OK — 아래 도구에서 클릭 몇 번으로
사진 2×2 그리드, 3장 나란히, 색감 보정, 둥근 모서리까지
블로거 전용 HTML 코드를 자동으로 만들어드립니다.

✅ 이 도구 하나로 할 수 있는 것들

• 📐 레이아웃 5종 — 2장·3장·4장 가로 / 2×2 / 3×2 그리드
• 🖼 사진 비율 5종 — 1:1 정사각형 / 4:3 / 16:9 와이드 / 3:4 세로 / 원형
• 🎨 프레임 스타일 6종 — 그림자 / 폴라로이드 / 빈티지 / 흰 테두리 등
• 🌈 색감 보정 — 따뜻하게·차갑게·흑백·빈티지 등 프리셋 8종
• 📋 코드 복사 한 번 — 블로거 HTML 탭에 붙여넣기만 하면 완성

📸 블로거 사진 배치 도구

BLOGGER TOOL

미리보기

1

레이아웃 선택

2

사진 비율 & 간격

모서리 둥글기12px

사진 간격8px

3

프레임 스타일

4

색감 프리셋 (코드에 반영)

5

사진 URL 입력 (2장)

📌블로거에 사진 업로드 → 임시저장 → 사진 우클릭 → "이미지 주소 복사" → 아래 붙여넣기

6

생성 코드 — 블로거 HTML 보기 탭에 붙여넣기

Made with ❤️ — 구글 블로거 사진 배치 도구

📖 사용법 — 처음이라도 3분이면 충분해요

1

블로거에서 사진 먼저 업로드하기

새 글쓰기 화면에서 사진 삽입 버튼으로 사용할 사진을 모두 업로드합니다.
업로드 후 임시저장을 꼭 눌러주세요.

2

사진 주소 복사하기

업로드된 사진을 우클릭 → "이미지 주소 복사"를 클릭합니다.
사진 수만큼 반복해서 각각 복사해 두세요.

3

위 도구에서 설정하기

레이아웃·비율·프레임·색감 선택 후 URL 입력란에 복사한 주소를 붙여넣으세요.
상단 미리보기에서 레이아웃과 프레임을 바로 확인할 수 있어요.

4

코드 복사 후 블로거에 붙여넣기

"코드 복사하기" 버튼을 누른 뒤 블로거 "HTML 보기" 탭에 붙여넣으세요.
원래 업로드했던 사진들은 글에서 삭제해도 됩니다.

5

완성 확인!

"작성" 탭으로 돌아오면 사진이 예쁘게 배치된 것을 확인할 수 있습니다. 🎉

💡 알아두면 좋은 팁

• 사진 비율 설정은 잘라서 보여주는 방식이에요. 원본은 그대로 유지됩니다.
• 색감 프리셋은 실제 블로그에 올라간 사진에 적용돼요. 미리보기엔 반영이 안 되지만 코드에 포함됩니다.
• 폴라로이드 프레임은 흰 배경의 블로그에서 특히 예뻐 보여요.

구글 블로거를 쓰는 분이라면 한 번씩 써보세요 😊

도움이 되셨다면 주변 블로거 분들께도 공유해 주시면 감사하겠습니다!
사용하다가 궁금한 점은 댓글로 남겨주세요 👇