블로거(Blogger) "문의하기" 양식,  HTML 코드 예시

블로거의 "가젯 추가"에서 문의하기 양식(문의 폼)을 직접 HTML로 만들고 싶다면, 아래와 같은 방법이 있습니다.

1. 기본 HTML 문의하기 양식 코드

가장 간단한 형태의 문의 폼 HTML 예시는 다음과 같습니다.

문의하기-양식

xml

<formaction="mailto:your-email@example.com"method="post"enctype="text/plain">

<labelfor="name">이름:</label><inputtype="text"id="name"name="name"required>

<br><br><labelfor="email">이메일:</label><inputtype="email"id="email"name="email"required>

<br><br>

<labelfor="message">문의 내용:</label><textareaid="message"name="message"required></textarea>

<br><br>

<inputtype="submit"value="보내기">

</form>

• "your-email@example.com" 부분을 본인의 이메일로 변경하세요.

• 이 방식은 사용자의 이메일 클라이언트를 띄워 메일을 보냅니다. 서버 없이 간단하게 구현할 수 있지만, 일부 브라우저나 환경에서는 제한이 있을 수 있습니다.

---

2. FormSubmit 서비스 활용 (이메일 자동 수신)

별도의 서버나 스크립트 없이, FormSubmit 같은 무료 서비스를 이용하면 입력된 문의 내용을 지정한 이메일로 바로 받을 수 있습니다.

<formaction="https://formsubmit.co/your-email@example.com"method="POST"class="contact-form"><inputtype="text"name="name"placeholder="이름"required><inputtype="email"name="email"placeholder="이메일"required><textareaname="message"placeholder="문의 내용"required>

</textarea><inputtype="hidden"name="_subject"value="블로그 문의가 도착했습니다!"><inputtype="hidden"name="_next"value="https://yourblog.com/thankyou.html"><inputtype="submit"value="보내기">

</form>

• your-email@example.com 부분을 본인 이메일로 바꿔주세요.

• _subject와 _next는 각각 메일 제목과 전송 후 이동할 페이지를 지정합니다.

---

3. 구글 폼(Google Forms) 임베드 활용

문의 양식을 더 편리하게 관리하고 싶다면, 구글 폼을 만들어 임베드 코드를 붙여넣을 수도 있습니다.

• 구글 폼에서 문의 양식 생성 → "보내기" → "< >" 아이콘 선택 → HTML 코드 복사 → 블로거의 HTML 가젯에 붙여넣기.

---

적용 방법

• 블로거 관리자 페이지 → "레이아웃" 또는 "페이지" → "가젯 추가" → "HTML/자바스크립트" 선택 → 위 코드 붙여넣기 → 저장.

• 문의 폼이 블로그 사이드바, 하단, 별도 페이지 등 원하는 위치에 표시됩니다.

---

참고 사항

• 블로거의 기본 문의 양식(Contact Form) 가젯도 제공되지만, 커스텀 디자인이나 추가 필드가 필요하다면 HTML로 직접 작성하거나 외부 서비스를 활용하는 것이 좋습니다.

• FormSubmit, 구글 폼 등은 별도의 서버 없이도 문의 내용을 이메일로 받을 수 있어 편리합니다.

처음으로