블로그나 개인 홈페이지를 운영하고 계십니까? 그렇다면 혹시 방문자를 위한 이메일 연락처를 명기해 두셨습니까?

한때는 블로그 주인장의 이메일 계정을 잘 보이는 곳에 남겨두는 경우가 많았습니다. 그러다가 스팸 메일 발송의 목적으로 이메일 계정을 수집하는 사람이나 봇들의 등장으로 스팸 메일 폭탄, 혹은 그 수준까지는 아니더라도 부쩍 늘어나는 스팸 메일 때문에 대놓고 텍스트로 이메일 연락처를 남겨두는 예가 거의 사라져 버렸습니다.

또한, 예전에 비하여 이메일을 대체할 수 있는 방법이 많다 보니 굳이 스팸의 번거로움을 감수해가면서까지 이메일 계정을 노출시키려고 하지 않는 건 당연하다 하겠습니다. 거기다가 마이크로블로깅을 비롯한 소셜 네트워크의 발달로 결국 이메일은 사망할 것이라는 예측도 나온 마당입니다. 하지만, 이메일은 여전히 편리하고 쓸모가 많은 소통의 수단인 것만은 틀림없습니다.


당당하게 블로그나 홈페이지에 이메일 주소를 명기해 두자.


소통 방식의 다변화를 꾀하는 블로그나 홈페이지의 주인장은 메일 수집봇 걱정없이 이메일로 연락할 수 있는 방법을 웹 사이트 내에 제공하였는데 mailto: 링크를 이용하거나 이메일 주소를 텍스트가 아닌 이미지 형태로 만들어 웹 사이트 내의 한 켠에 배치하는 방법을 사용했습니다.

이 글에서는 후자의 방법, 즉 이메일 계정을 이미지 형태로 만들어서 이미지를 클릭하면 등록해 둔 이메일 계정으로 실제 메일이 발송되도록 하는 법을 다루어 보겠습니다. 그렇다면 우선 이메일 계정을 아이콘 이미지 형태로 만들어야 하는데 인터넷의 웹 서비스 중에 그런 기능을 제공하는 곳이 몇 군데 있습니다.


1. Signature Generator


Signature Generator 바로 가기

우선 Signature Generator라는 곳입니다. 소개해 드리는 이메일 아이콘 웹 사이트의 결과물들이 비슷비슷합니다만, 그 중에서도 여기가 퀄리티가 쪼까 낫다고 생각하지만 지원하는 메일 종류가 몇 개 안 됩니다. 사용법은 그림에서 보시는 바와 같이 자신이 사용하는 메일 계정의 종류에 따라 선택하셔서 그냥 자신의 메일 주소 @ 앞부분을 적기만 하면 됩니다.

Signature Generator에서 이메일 아이콘 만들기


2. 이메일 주소 이미지 만들기


이메일 주소 이미지 만들기 바로 가기

사용법은 똑같습니다만, 이곳의 장점은 우리나라 웹 사이트이다 보니 우리나라 메일 종류를 거의 다 지원한다는 겁니다.


3. E-Mail Icon Generator

E-Mail Icon Generator 바로 가기

이곳 역시 사용법은 동일합니다. 다만 다른 두 곳과는 다르게 생성된 이메일 아이콘 이미지를 자체적으로 호스팅까지 해주기 때문에 웹 페이지 등에서 사용할 때 제공하는 URL로 바로 링크할 수 있다는 점입니다.

자, 이제 만들어진 이메일 아이콘을 마우스 우클릭 메뉴 중에 '다른 이름으로 사진 저장(S)'을 선택하여 내 PC로 저장하면 됩니다. 이렇게 하면 자신의 이메일 주소를 이미지로 만드는 작업이 끝납니다.

만들어진 이메일 주소 이미지

보통의 경우는 이렇게 이미지를 만들어서 블로그나 홈페이지의 잘 보이는 공간에 적절하게 배치하는 것으로 끝납니다. 그러나 이 글에서는 배치된 이메일 주소 이미지를 클릭하면 그 주소로 바로 메일 발송이 되도록 해보겠습니다.


kontactr는 뭐하는 곳인가?

Kontactr는 사이트 소유자와의 연락을 위한 양식을 제공하며, 등록한 이메일 주소로 메일 발송을 무료로 대행해 주는 서비스를 하는 곳입니다. 이런 서비스를 하는 목적은 역시 스팸 메일 때문입니다.


간단한 회원 가입 절차를 거친 후 블로그에 적용하는 법을 알아 보겠습니다.

Kontactr 이용하기

Kontactr 이용하기

요구하는 정보는 간단합니다. 이름이나 별명, 연결할 이메일 주소, 사용할 ID, 비밀번호. 그리고 'Sign Up' 버튼을 클릭합니다.


ID가 겹치는 등의 문제만 없으면 등록한 이메일로 메일이 발송됩니다. 이메일 계정으로 가셔서 Kontactr로부터 수신된 메일이 있는지 확인합니다.

Kontactr 이용하기

Kontactr 이용하기

Kontactr 이용하기

메일 내의 링크를 클릭했을 때 이 화면이 뜨면 가입이 완료된 겁니다.


Kontactr 이용하기

로그인을 하면 폼 양식 코드가 몇 가지 제공됩니다. 우리는 아까 만들어 둔 이메일 주소 이미지를 사용할 것이므로 노멀 링크 코드를 이용할 것입니다. KPU 코드는 블로그 등의 웹 사이트를 떠나지 않고 양식이 바로 열리는 방식입니다. 노멀 링크 코드는 양식 창이 새창의 형태로 뜬다는 것이 차이점입니다.


다른 이미지를 사용하지 않고 위의 그림에서 보이는 kontactr에서 제공하는 버튼 이미지를 그대로 사용하실 분은 코드 수정없이 그대로 사용하시면 됩니다.
그렇지 않고 아까 만들어 둔 이메일 주소 이미지나 사용하고자 하는 다른 이미지에 컨텍 폼 양식을 링크할 계획이신 분들은 우선 이메일 주소 이미지를 웹에 올립니다. 이용하는 이미지 호스팅 업체가 없다면 운영하시는 티스토리나 텍스트큐브 블로그에 올려도 상관없습니다.

이 글에서는 한 가지의 경우로 설명하기 위하여 무료 이미지 호스팅 서비스를 제공하는 IMAGEBAM을 예로 하겠습니다.
우선 IMAGEBAM으로 연결합니다.


Imagebam

그림처럼 설정한 뒤 'UPLOAD' 버튼을 클릭합니다.


Imagebam

Link only 주소를 메모장 등에 복사해 둡니다.


이제 필요한 것이 다 모였습니다.
아까 생성된 Kontactr의 노멀 링크 코드를 가져와서 이미지 주소만 IMAGEBAM의 것으로 바꾸면 됩니다.

Kontactr 이용하기

이미지 바꾸실 때 바꾸는 이미지의 폭(width)과 높이(height)에 맞게 코드를 수정하시거나 아니면 아예 생략하시면 됩니다.

이제 완성된 최종 코드를 블로그 사이드 바, 혹은 적당한 위치에 붙여 넣기만 하면 됩니다. 제 블로그에는 이메일 주소 이미지가 어디에 있을까요? 찾아 보세요~ ^^

※ UPDATE:

설명을 한다고는 했지만 쉽게 설명드리지 못 한 것 같습니다. 본문에 설명해 놓은 것으로는 도통 무슨 말인지 이해가 안 된다, 그런데 만들어서 적용해 보고는 싶다 하시는 분은 제가 대신 만들어 드리겠습니다. Kontactr 한 군데를 제외하고는 회원가입도 필요없는 곳이라 굳이 본인이 꼭 할 필요는 없겠네요.
이 글에 댓글을 달아주시면 되는데 비밀댓글 형태로 만들고 싶은 Kontactr의 ID와 연결한 이메일 주소를 알려주시면 제가 메일 발송 가능한 이메일 이미지를 만들어 드립니다. 단, 작업이 끝나고 나면 알려주신 메일로 만들어진 발송 가능한 이메일 이미지의 소스 코드,  Kontactr의 ID와 비밀번호를 알려 드릴테니 이후 Kontactr에 접속하셔서 비밀번호는 직접 변경하시면 될 것으로 생각합니다.

추천 부탁해요~

 위(★), 아래(☞) 버튼을 눌러 주시면 저에게 많은 힘이 됩니다. 눌러 주실 거죠? ^ ^ 

저작자 표시 비영리 동일 조건 변경 허락
신고
▶ 내용이 도움이 되신다면 RSS 기능으로 구독하세요.    |  Add to Google
▶ 이 블로그는 나눔글꼴을 사용하고 있습니다. 눈이 편안해집니다. 클릭하세요~ →  나눔글꼴 설치하기

Comments

  1. Favicon of http://dentalife.tistory.com BlogIcon dentalife 2010.01.24 09:21 신고

    어려워요..
    전 그냥 비밀글을 이용할까 합니다. -ㅋ
    대신 무지 폼나 보이네요. 이거.. 해보고 싶은 욕구가..

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.01.24 11:44 신고

      글로는 장황하게 적어놓았습니다만 실상 직접 해보면 그리 어려운 게 없습니다. 한번 적용해 보세요. ^^

  2. 진태광 2010.01.24 10:48 신고

    안녕하세요 전 33살에 사진작가 입니다
    제가 지금까지 살아오면서 찍은 사진을
    블로그에 소중하게 간직하고 싶습니다
    우연하게 티스토리를 알게되었고,
    블로그를 개설할려고 합니다 하지만 가입을
    할려면 초대장이 필요하더군요 귀찮으시겠지
    만 초대장1장을 저에게 보내주신다면
    은혜 잊지않겠습니다

    ehdtnd01@hanmail.net

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.01.24 11:49 신고

      네, 잘 알겠습니다.
      메일 확인해 보시기 바랍니다~ ^^

    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.01.24 11:51 신고

      "이미 존재하는 이메일입니다."라고 나옵니다.
      혹시 다른 분께 이미 초대장을 받으신 건 아니신지 확인해 보시기 바랍니다. 아니면 다른 메일 주소를 알려주세요.

  3. Favicon of http://webstorytelling.tistory.com BlogIcon IT-story 2010.01.24 10:51 신고

    굿!^^
    좋은정보 감사합니다

    perm. |  mod/del. |  reply.
  4. Favicon of http://jsapark.tistory.com BlogIcon 탐진강 2010.01.24 11:48 신고

    좋은 정보입니다.
    색상이 아주 예쁩니다

    perm. |  mod/del. |  reply.
  5. Favicon of http://im2256.tistory.com BlogIcon 줌마띠~! 2010.01.25 14:18 신고

    잘보이는건 한글이요... 몬지 알수 없는 글은 영어요~..ㅡ,.ㅡ

    아흐~..전 왜 이런것만 보면..머리가 아프죠..? ^^;;

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.01.25 17:24 신고

      줌마띠님, 필요하시면 대신 만들어 드립니다.
      본문 말미에 추가한 내용 참고하세요~

  6. Favicon of http://goodlifegood.tistory.com/ BlogIcon 즐거운하루 2010.01.26 16:04 신고

    저도 사용중인데 특히 이메일주소만 긁어가는 로봇 방지 하고 괜찮아요 그리고 왠지 블로그에 멋지게 보이고 괜찮습니다...

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.01.26 18:05 신고

      사용하고 계시는군요. 스팸봇 방지하고 꾸미기도 하고 일석이조죠~ ^^

  7. Favicon of http://kibongworld.tistory.com BlogIcon 기봉이 2010.04.20 12:00 신고

    KPU 폼을 이용하고 싶은데 Contact me라는 버튼을 클릭했을때 나오는 양식을 수정할 수 있나요?

    예를 들면 Your name -> 이름 이렇게.. 방법 아시면 가르쳐주시면 감사하겠습니다. :)

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.04.20 14:29 신고

      KPU 폼은 스크립트 형태라 수정이 힘듭니다.
      말씀하신 것처럼 영어를 한글로 바꾸는 작업을 하시려면
      HTML Embed Widget이라는 명칭으로 제공되는 코드에서
      영문을 한글로 바꾸시고 여백 등을 조정해서 쓰시면 됩니다.

    • Favicon of http://kibongworld.tistory.com BlogIcon 기봉이 2010.04.22 23:52 신고

      아~ 역시 꼼지락거려봤는데.. 안되는거였군요.. 아쉽지만 그래도 공짜로 이런 좋은 기능을 쓸 수 있으니 일단 이대로 써야겠습니다 ㅎㅎ 아무튼 좋은 기능 추천 감사합니다~

    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2010.04.23 15:20 신고

      도움이 되시기를 바랍니다. :)

  8. 헬롱 2011.01.19 11:36 신고

    imagebam에 이미올린사진인데 지울수 없는건가요..?
    remove그거 못보고 올려버렷는데...회원가입도안햇구요..ㅠㅠ

    perm. |  mod/del. |  reply.
    • Favicon of http://comfunny.pe.kr BlogIcon 부스카 2011.01.20 16:58 신고

      remove 코드를 저장해 두지 않았을 경우 사진 삭제가 쉽지는 않겠네요.
      댓글 보고 포럼 가서 검색해 보니 그런 경우,
      메일 주소 florian@imagebam.com으로 성을 포함한 이름과 주소, 전화번호, 그리고 이미지 링크를 보내 달라고 합니다.
      일단 밑져야 본전이니 메일 주소로 한번 관련 내용을 보내 보시기 바랍니다.

    • Favicon of http://sonic.jogosloucos.com.br/ BlogIcon jogos de sonic 2011.07.26 20:26 신고

      굿!^^
      좋은정보 감사합니다

  9. 2011.05.17 11:02

    비밀댓글입니다

    perm. |  mod/del. |  reply.
Please~ ^^

자~, 이제 댓글 하나만 다시면 됩니다~  

댓글 입력 폼

행복하세요~



티스토리 툴바