whos.amung.us 사이트의 위젯 티스토리에 설치하기

먼저 아래의 카운터(현재 방문자 수)를 만들어 보겠습니다. (1이네요.ㅋ) (사진들은 누르면 원본이 보입니다.)

주소는 http://whos.amung.us 입니다.

들어가시면 아래와 같은 화면이 나오죠.

저 화면에서 아래의 그림을 보시면

저 박스의 초록색 점이 있는 곳에 따라 왼쪽의 그림과 위의 코드가 바뀝니다.

해보시면 아실 겁니다. ㅎ

그럼 원하는 위치를 선택하시고 저 코드를 복사하세요.
그리고 자신의 티스토리에 가시고 로그인 후에 오른쪽 상단에 보시면 아래와 같은 곳이 있죠.

내 블로그를 누르면

요런게 나오죠 관리 버튼을 누르세요.

그리고 맨위 가운데 쯤에 플러그인이라고 보이죠.

이곳에서 플러그인 설정을 누릅니다.

플러그인 중에서 태그입력기를 찾아서 플러스 버튼을 누릅니다.

그러면 요런 화면이 나옵니다. 그리고 사용을 눌러주세요.

그리고 다시 위로 가셔서 스킨의 사이드바 설정을 눌러주세요.

이런 화면이 나옵니다. 왼쪽의 기본 모듈에서 태그 입력기를 찾아서 플러스 버튼을 눌러주세요.

그럼 사이드바 꾸미기라고 가운데 목록에 추가 됩니다.
태그 입력기의 편집 버튼을 눌러주세요.
이름에 알아 볼 수 있게 이름을 써주시고요.
그 아래에 아까 복사한 코드를 붙여 넣어주세요. (사진에 태그라고 썼네요. ㅋ)
확인 누르시고 미리보기로 미리 보시면 설정한 곳에 생길 겁니다. 그리고 저장해주세요.
그럼 끝~
(사용자 모듈에 저장 저거는 하면 저기에 저장됩니다.)
(아 그리고 사이드바 꾸미기에서 태그 입력기의 위치를 드래그로 위 아래로 바꿀수 있습니다.
하지만 어디에 둬도 설정한 곳에 카운터가 표시됩니다. 그냥 사이드바 꾸미기에서 보기 편한 위치에 두세요.)



그럼 이제 아래의 방문자의 위치를 알려주는 지도를 만들어 보겠습니다.

http://whos.amung.us로 다시 가주세요.

보시면 쇼케이스라고 보이시죠 눌러주세요.(그림판의 네모 만드는 걸 이용하는데 갑자기 두께가 얇아졌네요. ???)

그럼 이 화면이 나오죠 지도 그림을 눌러주세요.(나머지 설명도 나름 해봤습니다. 사진을 누르세요! ㅎ)

저 네모의 링크를 눌러주세요. (네모가 다시 두꺼워졌네요. ㅋ)

저 링크를 눌러주세요. (그냥 바로 링크를 드릴 걸 그랬나요? 귀찮으신가요?)
(바로가시려면 이 링크입니다.  http://whos.amung.us/maps/customize)

1. 위의 방문자 수 카운터를 하신 경우에는 예를 누르시고 블로그 주소를 넣고 확인을 눌러주세요.
아니시면 아니오를 눌러주세요.

2. 지도의 크기는 저 스크롤을 위 아래로 움직여서 바꾸시거나 5번의 코드의 숫자를 바꾸시면 됩니다.
저는 티스토리 기본 스킨이라고 하나요 그건데 173,86으로 했습니다.
172하면 작은 것 같고 174하면 큰 것 같아서 중간의 값을 했고 172를 하면 세로가 86이고 174면 87입니다.
그 중에서 그냥 86을 골랐습니다.

저 세로가 맞게 했습니다.
여러분들은 자신의 블로그에 맞게 또는 그냥 마음대로 설정하세요. ㅎ

3, 4는 맘에 드는거 고르세요. ㅎ

5. 코드를 복사합니다.

이제 위에서 한 것처럼 블로그가시고 관리 누르시고 스킨의 사이드바 설정으로 가십니다.
(위에 사진 있으니 글로 설명해도 되죠?)

왼쪽의 기본 모듈에서 태그 입력기의 +버튼을 눌러 가운데의 사이드바 꾸미기에 추가합니다.

가운데 사이드바 꾸미기의 태그 입력기에서 편집을 누르시고 이름 쓰시고 복사한 코드를 입력해줍니다.

확인 누르시고 (미리보기로 지도 크기를 조정하시고) 오른쪽 위의 저장을 누르면 끝~인데
이 지도는 사이드바 꾸미기에서의 순서가 블로그에서 보이는 순서입니다. 드래그로 원하는 곳에 위치시켜 주세요.

이제 진짜 끝~
수고하셨습니다. 저도 초보지만 써봤습니다.

이상하거나 틀린 부분 있으면 말해주세요.

수정. 2011.02.14 월 19:45 링크의 크기 확대, 색깔 파랗게, 두껍게