웹마스터 팁

  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)
목록
제목 글쓴이 날짜
2차 메뉴가 없을 경우 왼쪽 메뉴 숨기기 [5] file 엔시아- 2009.07.16
주메뉴와 하위메뉴 구분이 잘 안되시는 분들께... [2] 다케루 2007.10.12
회원 단축 메뉴 보여주기 file Simulz 2007.08.30
1.2.6 버전에서 메뉴추가 안되시는 분들 읽어보세요... [6] Crazyhouse.cn 2009.10.19
왼쪽메뉴줄이고 오른쪽에 박스만들어 내용쉽게넣기 [15] file plruto 2008.02.07
오른쪽 서브메뉴영역 제목 이미지로 나타내기 [6] file hbeen 2009.09.11
좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] migojarad.myid.net 2007.08.13
회원 팝업메뉴에서 작성글 클릭시 다른 아이디 검색 안되게 하기 [3] 절망린 2009.07.03
메뉴에 플래시 적용하기 [7] file 지허 2007.10.23
서브 메뉴 배경색 바꾸기 [4] file Chang-Jo(창조) 2007.08.17
페이지 및 게시판 메뉴 경로 [2] file 자반튀김 2009.04.15
상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] 똑디 2007.08.23
여러 개의 메뉴를 달아보자! [5] file 고라리 2007.08.23
플래시메뉴 사입방법 [4] urhow1 2007.08.29
메뉴와 연결된 xe의 page에 iframe을 사용해서 제로보드4 게시판을 불러들였습니다 [2] 바람처럼.. 2007.09.14
2차,3차 메뉴가 좌측으로 일렬로 되어있어 구분이 잘 안됩니다,이럴 때~ [7] file *제트* 2007.09.16
상단에 로그인 회원가입 등 메뉴 넣기 (id/pw찾기 추가) [7] mireu 2007.10.16
메뉴에 "회원 정보 보기" 걸기. [4] font 2007.11.03
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] 팔공산 2007.11.27
메뉴에 이미지버튼 사용하기 [11] 정낙훈(xynex) 2007.11.29
태그 쓰기