티스토리 블로그 실시간 방문자 코드 삽입하기 whos.amung.us

블로그나 웹사이트에 현재 이 사이트에 접속 중인 사람의 수, 지역 등을 알려주는

http://whos.amung.us/

위 사이트의 코드를 이용하여

위젯을 다는 방법이 아니라 스크립트로 페이지내

원하는 위치에 삽입 할수 있는 방법을 소개하려고합니다

사이트에 접속하면 상단에 Widgets 를 클릭하세요

고전, 색깔, 작은, 탭, 지도 별로 코드가 있습니다.

위젯에 넣고 활용할 경우 저 코드를 복사하여 위젯에 삽입하면됩니다.

html 코드로 사이트에 삽입할 때는

http://whos.amung.us/showcase/?htmlcode 에서

코드를 복사하여 원하는 위치에 삽입하면 됩니다.

고전위젯

<a href="http://whos.amung.us/stats/o4wwcwz8jjza/"> <img src="http://whos.amung.us/widget/o4wwcwz8jjza.png" width="81" height="29" border="0" title="Click to see how many people are online" /> </a> </span>

여기서 ../stats/o4wwcwz8jjza 와 ../widget/o4wwcwz8jjza 는

자신의 키 값을 확인하고 바꿔주기만 하면됩니다.

width와 height 로 크기 조절가능

o4wwcwz8jjza 이 부분을 수정하고 넣어야

해당 블로그나, 페이지에 맞게 방문자 수를 알 수 있습니다.

이 값은 

http://whos.amung.us/showcase/

http://whos.amung.us/showcase/?htmlcode

위젯을 누르게 되면 12자리 값이 보이는데 그 값으로 바꿔주면 됩니다

색깔위젯

<a href="http://whos.amung.us/stats/o4wwcwz8jjza/"> <img src="http://whos.amung.us/cwidget/o4wwcwz8jjza/ffc20e000000.png" width="81" height="29" border="0" title="Click to see how many people are online" /> </a> </span>

..png 부분은 색을 바꿀 때마다 값이 바뀝니다

작은위젯

<a href="http://whos.amung.us/stats/o4wwcwz8jjza/"> <img src="http://whos.amung.us/swidget/o4wwcwz8jjza.png" width="80" height="15" border="0" title="Click to see how many people are online" /> </a> </span>

제 블로그에 설치된 형태의 위젯입니다

지도위젯 설명은 생략할게요

방법은 위랑 같습니다

위젯으로 하는 삽입은 위치가 한정되있지만 이렇게 코드로 직접 삽입하게 되면

본문 안에도 가능하고 어느 위치에나 가능하니 활용하기 더 쉽습니다~