블로그 메뉴에 이메일 보내기 버튼 달기

2008/03/10 01:27

이 웹페이지 로딩이 끝난 후 아래 링크를 클릭해보세요. RSS 리더로 구독하시는 구독자분들은 웹페이지로 접속하셔서 클릭해 보시길 권합니다. 
 


이 페이지 위에 메일을 보낼 수 있는 폼메일이 뜨지요? 다만 한글을 지원해주지 않은 것이 아쉽습니다. 앞에서 블로거팁닷컴의 Zet 님이 소개해주신 웹서비스인데요, Paperinz 의 이드님이 사용방법을 쉽게 설명해 주셨더군요. 이것을 한 단계 더 응용해 보았습니다. 이렇게 웹페이지 위에 레이어로 뜨는 폼메일을 스크립트 코드를 블로그 메뉴 버튼에 넣어 놓으면 어느 페이지에서든 쉽게 블로그 주인장에게 메일을 보낼 수 있겠지요? 블로그 메뉴 버튼으로 들어가게 만드는 방법입니다.
 
아래처럼 skin.html 을 수정합니다.
 
(클릭하시면 확대됩니다.)
사용자 삽입 이미지
  
티스토리 기본스킨을 가지고 응용한 것입니다. 앞의 진한 음영 부분의 <li ~~~> 태그는 그림에서와 같이 똑같이 만들어 주시면 되구요, 중간의 긴 옅은 음영 부분에 이 웹서비스에서 제공해주는 스크립트 코드를 넣으시면 됩니다. 이드님 글의 4번에 세개의 코드가 있는데요, 그 중에서 가장 맨 위에 있는 코드인 Contact 코드입니다.
 
사용자 삽입 이미지
그러면 이렇게 나옵니다. 티스토리 기본스킨의 블로그 메뉴 항목 끝부분에 '이메일 보내기'가 추가가 되지요. 요 '이메일 보내기'는 위 그림에서 보시듯이 임의의 단어로 수정하실 수 있습니다. 블로그 메뉴 항목에 달아놓았으니 이 메뉴 항목에서 이메일 보내기를 클릭하면 글 서두에서 클릭하셔서 폼메일 레이어가 뜨는 것을 보셨듯이 바로 폼메일 레이어가 뜨게 됩니다.
 
티스토리 기본스킨을 가지고 응용해 본 것인데요, 이것을 가지고 각자의 블로그 스킨에 맞게 또 응용하셔서 적용시켜 볼 수 있겠지요?
 

지인우인 유용한 정보 , ,

2008/03/10 01:27 2008/03/10 01:27
Trackback Address:http://leegh.com/trackback/2694276
  1. 2008/03/11 14:59
  1. 스팸의 염려는 없을까용? (하지만 html은 전혀 모르기때문에 그림의 떡 ㅋㅋ;;)

  2. Blog Icon
    지인우인 

    밑에 알파벳을 입력하는 폼이 입기때문에 스팸은 걱정하지 않으셔도 될 듯합니다. ^_^

[로그인][오픈아이디란?]