웹마스터 팁

  2. Support
  3. 웹마스터 팁

MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법

2007.11.27 11:10

팔공산

msn윈도우 라이브 메신저의 로그인 상태를 홈피좌측 메뉴에 삽입하는 방법입니다.
jcascokr11270941fk8.jpg

온라인에서 메신저 상태 표시 에 접속하시면 아래의 화면과같이 보입니다.
loginlivecom11270954ww7.jpg  
자신의 MSN이 로그인 상태라면 우측을 클릭하시고 MSN계정을 새로 만드시려면 왼쪽을 클릭하셔서 계정을 만드시면 됩니다. 여기서는 MSN이 로그인상태라고 생각하고 작성합니다.

아래의 내용은 http://www.bloter.net/_news/8df43e622812de1f 에서 퍼옴

 11월7일 '차세대 윈도우 라이브'가 전세계 동시 출시됐습니다. 이와 더불어 몇 가지 변화가 있는데요. 윈도우 라이브 메신저 이용자들에게 특히 흥미로운 소식이 있습니다.

업데이트된 윈도우 라이브 메신저는 웹과 보다 밀접히 연동됩니다. 예컨대 내 접속상태(온라인/오프라인/컴퓨터 사용 안함 등)를 웹상에서 표시하거나 아예 메신저 대화창을 웹사이트에 심을 수도 있습니다. 맞춤형 온라인 윈도우 라이브 메신저를 만드는 셈이죠.

방법은 이렇습니다. 윈도우 라이브 메신저의 '온라인에서 메신저 상태 표시' 설정 페이지로 접속합니다. '모든 인터넷 사용자가 내 온라인 상태를 보고 메시지를 보낼 수 있도록 허용합니다'에 체크한 다음, 화면 왼쪽의 'HTML 생성' 버튼을 누릅니다. 그러면 '메신저 상태 아이콘'과 '메신저 창'에 대한 각각의 HTML 코드가 생성됩니다. 이 코드를 복사해 블로그나 웹사이트의 원하는 위치에 붙여넣으면 됩니다. 간단하죠?

이제 블로그에서 메신저 친구들에게 자신의 상태를 알려주고 실시간 대화를 즐겨보세요. :)

온라인 설정 

온라인 메신저 상태 표시 설정을 활성화한 다음, 'HTML 생성'을 클릭한다.

소스 생성


3번내용을 복사해서 html문서로 작성합니다. 작성한 문서를 자신의 계정 임의의 장소에 ftp로 업로드합니다.
(예 ; jcas.co.kr/etc/msn.htm)

http://www.zeroboard.com/15367725 에 가서 파일출력위젯을 설치하세요.
설치를 하시고 난 후 레이아웃설정 / 편집에서 편집을 클릭하신 후 파일출력 위젯을 선택하시고
jcascokr11271028ig1.jpg

복사한 코드를 레이아웃편집에서 적당한 위치에 붙여넣기 하시면 됩니다.

 <!-- main_menu 3차 시작 -->
                    <!--@if($val['list'])-->
     <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
      <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
            <!--@end-->

<!-- msn표시 -->
<img width="100%" height="100" src="http://jcas.co.kr/zbxe/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="fileadd" body="" widget_cache="0" filename="/notice/msn.htm" filetype="include" widget_margin_top="0" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="0" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="109220" />      
저는좌측메뉴 밑에다 넣었습니다.
아이콘클릭하면 대화를 할 수도 있습니다.

참고로 말씀드리면
msn에서 복사한 코드를 그냥 레이아웃편집에 집어 넣으면 msn상태표시이미지가 보이질 않습니다.
우측 페이지에는 페이지수정 - 내용직접추가 를 해서 html에 체크하시고 코드를 집어 넣으시면 상태표시가 보입니다.
아래의 이미지는 페이지에 메신저화면 삽입한 상태입니다.
jcascokr11271058fr3.jpg
그리고 html로 문서 작성시 자신에게 맞게 편집을 하시면 보기가 좋습니다. 편집하지 않으면 달랑 작은 아이콘 한개만 보입니다.(msn.htm 파일을 참고로 첨부합니다.)

이 게시물을
Profile
좋아요(+3)
목록
제목 글쓴이 날짜
IFRAME 삽입 [20] 박종익 2003.10.10
[레드의 태그초보]이미지삽입 태그 [2] 레드 2003.01.14
배경음악과 동영상 삽입 <embed> [7] 제이지라 2002.04.26
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 file 으아악. 2010.10.20
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] file xemall 2010.10.13
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] 『june™』 2009.03.20
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] file 대암지기 2008.03.09
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] 곰이v 2010.03.21
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] file 분홍곰 2009.08.14
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] sejin7940 2010.07.07
레이아웃 삽입 후 최근 설문조사 가져오기 ilovesyr 2010.05.18
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] BigSeong 2009.10.10
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] file thejeon 2009.07.29
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] Simulz 2007.09.02
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] 팔공산 2007.11.27
제로보드XE 외부페이지에 javascrip 삽입하기 [3] BlueGATE 2008.01.22
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21
태그 쓰기