티스토리 블로그는 기본적으로 플러그인 기능을 이용하여 다음 메일 주소로 블로그 주인에게 이메일 보내기가 가능 합니다. 그러나 티스토리 블로그에 이메일 주소를 노출하고 싶지 않거나, 다음 메일 이외에 네이버 메일이나 구글의 지메일 등 다른 이메일 주소를 사용할 수 없는 단점이 있는데, 이번 포스팅에서는 email me !(이메일 미) 서비스를 이용하여 티스토리 블로그에 이메일 보내기 버튼 만드는 방법에 대해 소개해 드리도록 하겠습니다.
email me ! 는 블로그에 이메일 보내기 버튼이나 블로그 하단에 플로팅 형태로 이메일 보내기 버튼을 만들수 있는 서비스를 제공하는 사이트로, 무료 서비스와 월 $5의 프로 서비스로 구분이 되는데, 무료 서비스의 경우 별도의 회원 가입이 필요 없이 이메일 주소와 사용자 이름만 입력하면 간단하게, 이메일 보내기 플로팅 버튼, 이미지 버튼 등의 이메일 보내기 소스코드를 생성할 수 있습니다. ☞ email me ! 바로가기
email me ! 홈페이지에서 Get Your Button을 클릭하면 위의 이미지처럼 이메일 주소와 사용자 이름을 입력하는 페이지가 생성되는데, 회원가입이나 로그인 없이도 사용이 가능하며, 이메일 주고와 사용자 이름을 입력한 후 하단의 Get The Code 버튼을 클릭하면 email me ! 이메일 보내기 버튼 소스 코드가 생성 됩니다.
Get The Code 버튼을 클릭하면 플로팅(Floating), 이미지(Email / Image Signature), Fixed, iFrame 네가지 형태의 email me ! 이메일 보내기 버튼 소스 코드가 생성 되는데, 플로팅(Floating) 형태의 이메일 보내기 버튼은 우측 메뉴를 이용하여 버튼 색상이나 텍스트 등을 수정할 수 있으며, 플로팅(Floating) 이메일 보내기 버튼 소스코드를 복사하여 티스토리 관리 - HTML/CSS 편집 - skin.html에서 <body> ~ </body> 사이에 설치하면 티스토리 블로그 우측 하단에 이메일 보내기 버튼이 나타나게 됩니다.
Get The Code 버튼을 클릭한 후 상단의 Email / Image Signature 탭을 선택하면, 블로그의 스킨이나 사이드바에 설치할 수 있는 이메일 버튼이 생성이 되는데, 버튼 이미지의 경우 기본 이미지를 사용하거나, 이메일 보내기 버튼 소스코드 중 아래의 빨간색으로 표시된 이미지 주소만 수정하면, 사용자가 원하는 이미지를 이용하여 이메일 보내기 버튼을 설치할 수 있습니다.
위의 이미지는 블로그 사이드바에 이메일 보내기 버튼이 적용된 모습으로 이메일 보내기 아이콘에 마우스 커서를 위치하면 "이메일보내기"란 단어가 팝업 됩니다. Email / Image Signature 탭을 선택하여 생성된 소스코드에 원하는 이미지 주소를 넣고, 이미지 주소 뒤에 tiitle="이메일보내기"만 추가해 주면 되는데, email me ! 이메일 보내기 버튼을 클릭하면 기본적으로 동일한 창에서 메일 보내기 메뉴가 실행 되어, 위의 소스코드처럼 target="_blank"를 추가해 주면 새창에서 이메일 입력창이 실행 됩니다. 이상, 티스토리 블로그에 이메일 보내기 버튼 만드는 방법에 대한 간단한 소개 였습니다.
email me ! 는 블로그에 이메일 보내기 버튼이나 블로그 하단에 플로팅 형태로 이메일 보내기 버튼을 만들수 있는 서비스를 제공하는 사이트로, 무료 서비스와 월 $5의 프로 서비스로 구분이 되는데, 무료 서비스의 경우 별도의 회원 가입이 필요 없이 이메일 주소와 사용자 이름만 입력하면 간단하게, 이메일 보내기 플로팅 버튼, 이미지 버튼 등의 이메일 보내기 소스코드를 생성할 수 있습니다. ☞ email me ! 바로가기
email me ! 홈페이지에서 Get Your Button을 클릭하면 위의 이미지처럼 이메일 주소와 사용자 이름을 입력하는 페이지가 생성되는데, 회원가입이나 로그인 없이도 사용이 가능하며, 이메일 주고와 사용자 이름을 입력한 후 하단의 Get The Code 버튼을 클릭하면 email me ! 이메일 보내기 버튼 소스 코드가 생성 됩니다.
Get The Code 버튼을 클릭하면 플로팅(Floating), 이미지(Email / Image Signature), Fixed, iFrame 네가지 형태의 email me ! 이메일 보내기 버튼 소스 코드가 생성 되는데, 플로팅(Floating) 형태의 이메일 보내기 버튼은 우측 메뉴를 이용하여 버튼 색상이나 텍스트 등을 수정할 수 있으며, 플로팅(Floating) 이메일 보내기 버튼 소스코드를 복사하여 티스토리 관리 - HTML/CSS 편집 - skin.html에서 <body> ~ </body> 사이에 설치하면 티스토리 블로그 우측 하단에 이메일 보내기 버튼이 나타나게 됩니다.
Get The Code 버튼을 클릭한 후 상단의 Email / Image Signature 탭을 선택하면, 블로그의 스킨이나 사이드바에 설치할 수 있는 이메일 버튼이 생성이 되는데, 버튼 이미지의 경우 기본 이미지를 사용하거나, 이메일 보내기 버튼 소스코드 중 아래의 빨간색으로 표시된 이미지 주소만 수정하면, 사용자가 원하는 이미지를 이용하여 이메일 보내기 버튼을 설치할 수 있습니다.
<a href="http://emailmebutton.com/frame/view/12387">
<img src="http://emailmebutton.com/images/emailme.png" border="0"/></a>
<img src="http://emailmebutton.com/images/emailme.png" border="0"/></a>
<a href="http://emailmebutton.com/frame/view/12387" target="_blank">
<img src="http://emailmebutton.com/images/emailme.png" title="이메일보내기" border="0"/></a>
<img src="http://emailmebutton.com/images/emailme.png" title="이메일보내기" border="0"/></a>
위의 이미지는 블로그 사이드바에 이메일 보내기 버튼이 적용된 모습으로 이메일 보내기 아이콘에 마우스 커서를 위치하면 "이메일보내기"란 단어가 팝업 됩니다. Email / Image Signature 탭을 선택하여 생성된 소스코드에 원하는 이미지 주소를 넣고, 이미지 주소 뒤에 tiitle="이메일보내기"만 추가해 주면 되는데, email me ! 이메일 보내기 버튼을 클릭하면 기본적으로 동일한 창에서 메일 보내기 메뉴가 실행 되어, 위의 소스코드처럼 target="_blank"를 추가해 주면 새창에서 이메일 입력창이 실행 됩니다. 이상, 티스토리 블로그에 이메일 보내기 버튼 만드는 방법에 대한 간단한 소개 였습니다.
반응형
'블로그팁 > TISTORY' 카테고리의 다른 글
| 티스토리 블로그에 네이트온 친구 추가 플러그인 설치하는 방법 (16) | 2012.12.18 |
|---|---|
| 네이버 애널리틱스 티스토리 블로그에 설치하는 방법 (40) | 2012.12.12 |
| 티스토리 공지사항에 댓글창 설치하는 방법 (26) | 2012.11.24 |
| 티스토리 블로그 썸네일 다른글 보기 위젯 LinkWithin 설치하는 방법 (47) | 2012.11.20 |
| 티스토리 블로그에 올포스트 최신글 리스트 위젯 설치하는 방법 (16) | 2012.11.04 |
댓글