웹마스터 팁

  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)
목록
제목 글쓴이 날짜
압축 풀어 설치했던 XE를 git으로 변환하기 [6] 기진곰 2015.02.25
누리고 Ncart V1.6.1 주문페이지에서 총구매금액에 배송비가 선결제, 착불과 상관없이 무조건 포함되어 표시되는 문제 수정방법 [2] XE템플릿 2015.03.12
(version 1.6)새글과 새댓글을 알림받는 앱을 직접 만들어보세요(XE 홈페이지와 연동되는 GCM을 이용한 푸시 안드로이드 앱 만들기 가이드-XE 알림센터 연동) [23] 단희아빠 2015.03.21
메인 로고 및 메인 이미지 변경 방법 [1] file okcashbag042 2015.04.08
요청한 기능을 실행할 수 있는 권한이 없습니다. - 오류해결 file I-JEX 2015.04.10
모바일뷰 사용 안 할때 (반응형등) 에도 '모바일에서 최적화된 화면으로 보기' 가 나오는 버그 패치 sejin7940 2015.04.10
1.8 XEDITION 에서 로그인xe 사용하여 네이버 로그인 연동하기 [7] file karutian 2015.04.10
즐겨찾기 소스 - 파비콘등록 soroweb 2015.04.16
폰갭과 웹앱 그리고 XE... [6] onTrust 2015.04.23
속도관련 나노팁. [5] 1052 2015.05.04
member 모듈 업데이트가 계속 나오는 경우 고니고니 2015.05.06
레이어형 로그인 사용시에 SSL 적용방법 (선택적 사용시) [1] 불금 2015.05.20
XE Core 안정된 버젼 좀 알려주세요.. [1] 팔도준 2015.05.26
스키마 변경 후 쿼리 오류가 발생할 때 신평 2015.06.01
타임라인 모듈 두개 이상 생성 및 페이지가 넘어가지 않은 문제에 관하여 함삐까 2015.06.01
포인트 복권 모듈 관리자 페이지 1.7이상에 맞게 [10] file 착한악마 2015.06.10
위젯 복사 팁 - 이걸 왜 이제야 알았을까.. socialskyo 2015.06.17
자신이 쓴 글에 특정유저 댓글을 차단 Ikoo 2015.06.20
홈페이지 속도가 느린 이유.(팁같지도 않은 팁) [11] 가브리엘조 2015.06.27
홈페이지 제작 시 점검사항 15가지 [1] 유래유거 2015.06.29
태그 쓰기