구글와이드(336x280)_상단 2개


내 블로그에 실시간 "챗팅창" 위젯 달기 컴퓨터 상식들 모음

내 블로그에 실시간 "챗팅창" 위젯 달기

내 블로그 방문자들 중에 내 블로그의 우측 사이드바에 실시간 챗팅창이 달려 있는 것을 보고
신기해하거나 자기 블로그에도 어떻게 하면 달 수 있는지를 질문한 사람들이 더러 있어서
그 방법을 아래 소개하고자 한다.

그 방법은....매우 간단하다.

1. 먼저 가가챗팅 사이트에 가서 자기 블로그로 가져올 <위젯 소스>를 만들어야 한다.


그 방법은 그 사이트에서 잘 설명해두고 있으므로, 그에 따라하면 될 것이다.

가가챗팅 소스 생성: http://www.gagalive.kr/live/livechat

관리자 권한을 가진 보안챗팅방 생성하기: http://www.gagalive.kr/live/livechatadmin

예컨데, 소스 모양은 대개 아래와 같을 것이다.

----------

http://www.gagalive.kr/live/livechat

기본 사용방법(빨간색 부분만 수정하면 됩니다):

호환성 위해 되도록 방이름은 영문으로 적어주시길 바랍니다.

HTML에 삽입하기

--------------
 <embed height="200" width="90%" src="http://www.gagalive.kr/livechat1.swf?chatroom=원하는방이름"></embed>
--------------


height(챗창 높이)="200" width(챗창 넓이)="90%"

=========
참고로.....
내 챗팅창 소스는  아래와 같다.
( 단, 내 챗팅창 명칭은 XXX 처리했음)

<embed height="400" width="200" src="http://www.gagalive.kr/livechat1.swf?chatroom=~~~XXX"></embed>

---------


2. 그 다음 자기 블로그에 <위젯>을 생성해야 한다.

위젯이란 원래 홈페이지 기능과는 별도의 조그만 응용 기능을 가진 소프트웨어 프로그램을 말한다.
그래서 <다음 위젯> 등 여러 회사나 개인들이 만든 달력 등등 위젯들을 자기 블로그에 가져와
활용할 수 있는 것이다. (구글 애드센스 광고를 자기 블로그에 붙이는 방법도 대체로 동일하다)


우선 로그인을 하고, <이글루관리>로 들어가, <디자인> 버튼을 누르고,
그 다음 <내저장위젯> 버튼을 선택하면, 아래와 같은 화면이 나온다.




그러면 맨 우측에 <html/script>라는 버튼이 보이는데, 그것을 클릭하면
아래와 같은 화면이 보인다.



만일 챗팅창을 자기 블로그의 메뉴 등이 있는 좌우 사이드에 달고자 하면
맨 위 그림처럼 <사이드바 위젯> 항목에 체크를 하면 될 것이다.
<와이드바 위젯>이란.... 블로그 글 본문 맨 위와 맨 아래에 붙일 수 있는 것으로
옆으로 좀 길게 되어 있는 위젯을 붙이고자 할 때 사용된다.

아무튼, 위와 같은 화면이 나오면, 이제 가가챗팅 사이트에서 복사해온 소스를
위 빈칸에 복사해 넣는다. 그리고 위젯 이름 등을 기입하고
체크할 부분을 체크한 다음 <저장>을 누르면 된다.

3. 이제 다시 내 블로그의 <스킨 에디터>로 이동하여, 내 블로그에 실제로 나타나도록
조금전 만든 위젯을 활성화시켜 줘야 한다
.

 


스킨 에디터에서, <위젯 추가/선택> 버튼을 클릭하면 위와 같이 보이게 되는데....
조그만 사각형들(=각각의 위젯들) 맨위 좌측에 보면 조그만 사각형 안에 체크가 되어 있는 것이 있고
체크가 안되어 있는 것이 보인다. (물론, 처음 만드는 분이라면, 체크가 안된 위젯 하나만 보일 것이다)

위젯에 마우스를 가져가보면.....위젯 이름 등이 보인다.
그래서 그 위젯이 어떤 기능을 가진 위젯인지 확인할 수 있게 되는데
처음 만드신 분들은 하나 뿐일 것이므로, 그저 그것을 클릭만 해주면 저절로 활성화된다.
(즉, 위 그림에서처럼 <체크>가 된 위젯이 될 것이란 말이다.)

그리고 챗창의 위치는 좌우 사이드바의 어느 위치에 둘 것인지는
아래 그림에서 위치이동을 원하는 위젯을 찾아
마우스로 끌어다 자기가 원하는 적당한 위치로 옮기면 된다.





이제 끝이다.
자기 블로그 홈으로 되돌아가보면.....이제 실시간 챗팅창이 보일 것이다.

(뱀발)

내 블로그 좌우 사이드바에 보이는 모든 위젯들은 동일한 방법으로 만든 것들이다.
그저 필요한 위젯이 있는 사이트를 방문하여 거기서 안내하는 적당한 방법으로
소스를 가져다가 내가 만든 위젯에 붙여넣기 하기만 하면 된다.



덧글

  • 에일군 2009/12/28 03:52 #

    정의란 무엇인가요?
※ 로그인 사용자만 덧글을 남길 수 있습니다.


바보들의 영문법 카페(클릭!!)

오늘의 메모....

시사평론-정론직필 다음 카페
http://cafe.daum.net/sisa-1

바보들의 영문법 다음 카페
http://cafe.daum.net/babo-edu/

티스토리 내 블로그
http://earthly.tistory.com/

내 블로그에 있는 모든 글들과 자료에 대한 펌과 링크는 무제한 허용됩니다.
(단, 내 블로그에 덧글쓰기가 차단된 자들에게는 펌, 트랙백, 핑백 등이 일체 허용되지 않음.)

그리고 내 블로그 최근글 목록을 제목별로 보시려면....
바로 아래에 있는 이전글 목록의 최근달을 클릭하시면 됩니다.
그러면 제목을 보고 편하게 글을 골라 보실 수 있습니다.

그리고 내 블로그내 글을 검색하시려면 아래 검색버튼을 이용하시면 됩니다.


가가챗창

flag_Visitors

free counters