웹마스터 팁

  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)
목록
태그 쓰기