diary       blog       guest

태터툴즈 플래시 방문자 카운트 v1.0

http://www.action-scripter.com/blog/trackback/562
A. 세로형 (160 * 60)


B. 가로형 (400 * 17)


플래시로 만든 태터툴즈 카운터 플러그인입니다. 간단하게 만들려고 하다가 조금 고민을 해 봤는데요. 슬롯머신처럼 숫자가 흐르면서 결과가 나오도록 만들어 보았습니다.

[주요 기능]
1. 태터툴즈 방문자 카운트 슬롯머신 애니메이션으로 보여주기
2. 오늘, 어제, 총 별로 색상 별도 지정하기
3. 가로, 세로 형태로 자유롭게 변형하기

[사용방법]
1. blog_counter.swf와 flashWrite.js를 자신의 FTP에 업로드합니다.
2. blog/skin/현재스킨/skin.html을 열고 원하는 부분에 blog_counter.swf를 불러옵니다.
3. blog_counter.swf를 불러올때는 다음과 같은 방법으로 불러옵니다. (가로형)

<script language="javascript" src="업로드한주소/flashWrite.js"></script>
<script>flashWrite("업로드한주소/blog_counter.swf","가로크기","세로크기","counter_flash","카운터바탕화면색상","today_fv=오늘방문자수&yesterday_fv=어제방문자수&total_fv=총방문자수&todayColor_fv=오늘방문자색상&yesterdayColor_fv=어제방문자색상&totalColor_fv=총방문자색상&style_fv=가로,세로스타일",null);</script>

플래시에 전달해야 하는 변수 설명 (object 태그에서 FlashVars로 변수 전달)

- today_fv : 오늘 방문자 수   ex) ##_count_today_## 를 [] 감싸서 넣어줌
- yesterday_fv : 어제 방문자 수   ex) ##_count_yesterday_## 를 [] 감싸서 넣어줌
- total_fv : 총 방문자 수   ex) ##_count_total_## 를 [] 감싸서 넣어줌
- todayColor_fv : 오늘 방문자 수 색상   ex) 0xFF00FF 형태
- yesterdayColor_fv : 어제 방문자 수 색상   ex) 0xFF00FF 형태
- totalColor_fv : 총 방문자 수 색상   ex) 0xFF00FF 형태
- style_fv : 가로, 세로 스타일 결정 
ex) w:가로,h:세로

4. 파란색 Bold 부분은 여러분의 블로그 환경이나 원하는 값으로 반드시 수정해야합니다.
5. 만약 플래시 출력관련 js를 가지고 있다면 기존 js를 이용하시면됩니다. (flashWrite.js는 불필요)

[주의]
- ## ... ## 는 태터툴즈에서 기본으로 사용되는 액션이라 설명에서는 []를 생략했는데요.
   실제 사용할 때는 반드시 [## ... ##] 형태로 []를 사용해줘야합니다.
- 플래시로 전달하는 변수의 순서는 변동되어서는 안됩니다.

문의 사항이나 오류 사항이 있으면 본 게시물에 댓글을 남겨주세요.
감사합니다.


2007/02/14 17:43 2007/02/14 17:43

Comments List

  1. 땡굴이™ 2007/02/14 18:18 # M/D Reply Permalink

    이클립스 공부하면서 한번 만들어 본겁니다. 기회가 된다면 앞으로 쭉~ 발전시켜 볼 생각딥니다.

  2. 감자춤 2007/02/14 19:45 # M/D Reply Permalink

    (지나가다가!)
    뭔가 예쁜데요?
    그나저나 전 컴맹의 한계를 느끼고 있습니다!(읔!)

  3. J.Parker 2007/02/14 20:33 # M/D Reply Permalink

    옷.. 정말 멋지십니다. 어찌 플래쉬로 이런것을 만드시는지 감동입니다.
    숫자 폰트는 고정인가요? 조금 날씬한 숫자가 있으면 좋을것 같은 바램입니다.
    멋진 플러그인 잘 보고 갑니다. 즐밤되세요.

    1. 땡굴이™ 2007/02/14 21:52 # M/D Permalink

      네. 아쉽지만 이번에는 폰트는 고정이에요.
      폰트를 원하는 폰트로 설정할 수 있는 방법을 한번 고민해 봐야겠네요.
      감사합니다.

  4. 산소같은도사 2007/02/15 05:59 # M/D Reply Permalink

    태터에서 이거보고 꼭 쓰고 싶어서 혼자 이것저것 해봤는데 안되서요 >.<
    1.FTP 어느 폴더에다가 올려야 되는건지 모르겠어요.
    2.blog/skin/현재스킨/index.html 파일이 없어요. blog 밑에 skin 폴더가 없어요.
    도와주세요~~~~

    1. 땡굴이™ 2007/02/15 09:38 # M/D Permalink

      아.. 제가 한가지 잘 못 입력을 했네요.
      1. FTP에 올리는건 자신의 블로그 계정 아무곳에나 올리시면 됩니다.
      2. index.html이 아니라 skin.html 이네요. ^^.
      3. blog_counter.swf와 flshWrite.js를 동일한 폴더에 올려서 사용하시면 좋을 것 같네요.(현재스킨/images 폴더에 올려서 사용해 보세요.)

    2. 산소같은도사 2007/02/15 11:04 # M/D Permalink

      음음... 알려주신대로 했는데도 안되요..
      저는 blog 폴더 밑에 skin 폴더가 없고, 루트 바로 다음에 skin 폴더가 있습니다.
      /skin/현재스킨/images에다가 파일 두개 넣은 후에...
      /skin/현재스킨/skin.html 중 원하는 위치에 문구 삽입하면 되는거 아니에요?

    3. 땡굴이™ 2007/02/15 11:24 # M/D Permalink

      네. 그렇게 파일 업로드한 후에 제가 [사용방법]에서 파란색으로 쓴 부분 도사님의 업로드 경로에 맞게 수정해서 사용하시면 되는데요? 혹 소스를 그대로 사용하신건 아니시죠.. 저건 제 홈 기준으로 만든거라~ 만약 소스도 정상적으로 수정했는데 안된다면 skin.html에 소스 올리시고 알려주세요. 제가 확인해 보겠습니다.

    4. 산소같은도사 2007/02/15 11:48 # M/D Permalink

      에궁 제가 괜히 귀찮게해드리는 건 아닌지;;;
      이런 거 첨 해보는거라서리... 이리저리 해봤는데 안되는군요~ ㅠㅠ
      일단 올렸으니 한 번 봐주시면 고맙겠습니다.
      /skin/formal_boxes_11/images 에 파일을 올렸습니다.

    5. 땡굴이™ 2007/02/15 11:50 # M/D Permalink

      아닙니다. 지금 시간 괜찮습니다. ^^. 바로 확인해 볼게요.

    6. 땡굴이™ 2007/02/15 12:00 # M/D Permalink

      올려주신 경로를 가지고 만든겁니다.
      ■ 테스트 : http://www.action-scripter.com/dosahyun.html
      해당 페이지를 소스 보기 하시면 어떻게 해야 하는지 알 수 있을 것입니다.
      그리고, 소스중 today_fv=100&yesterday_fv=50&total_fv=150는 today_fv=##_count_today_##&
      yesterday_fv=##_count_yesterday_##&
      total_fv=##_count_total_##로 수정하셔야합니다. 단, ## 앞 뒤로 []로 잊지 마시고요.

    7. 산소같은도사 2007/02/15 16:26 # M/D Permalink

      인터넷이 갑자기 끊기는 바람에...;;;
      알려주신대로 해서 성공했습니다~^______^
      바쁘실텐데 자세히 알려주셔서 고맙습니다.
      덕분에, 홈페이지에 이쁜 카운터 달게 되었어여~

  5. gmong 2007/02/15 15:14 # M/D Reply Permalink

    잘 적용하였습니다^^
    파란 소스 부분을 그대로 복사해 붙이니 안되길래,
    FlashVars 들어가는 인자 부분을 모두 한줄로 붙여주니 잘 되는군요.
    멋진 플래시 카운터 감사드립니다 :)
    홈페이지도 정말 이뻐요 >_<

    1. 땡굴이™ 2007/02/15 18:56 # M/D Permalink

      네 읽기 쉽게 줄을 나눴는데 오해의 소지가 있었네요. 붙여서 좀 더 쉽게 확인할 수 있도록 수정했답니다. 근데 세로형으로 했을 때 높이를 좀더 조절해도 될 것 같네요. 제가 플래시 파일 수정해서 다시 올려놓겠습니다. 시간 나실 때 다시 swf 파일만 업로드 해주세요.

  6. 일급수 2007/02/15 16:11 # M/D Reply Permalink

    아 정말 이쁘네요...블로그스킨도 참 예쁘구요...ㅎㅎ
    플러그인화 된다면 더욱 적용하기 좋을텐데 그게 좀 아쉽네요...^^

    1. 땡굴이™ 2007/02/15 18:58 # M/D Permalink

      스킨이요? 하하.. 스킨이 제 홈에 맞게 자주 수정을 하다보니 스킨화 하기가 쉽지가 않네요.. ^^. 혹 다음에 기회가 된다면 한번 만들어 보겠습니다. 감사합니다.

  7. mjdemos 2007/02/16 23:46 # M/D Reply Permalink

    적용했습니다! 정말 예뻐요 ㅠ.ㅠ 너무 감사드립니다.

    1. 땡굴이™ 2007/02/17 13:43 # M/D Permalink

      블로그 다녀왔어요. 스킨도 멋지고 블로그다 잘 꾸며놓으셨더라고요..^^. 예쁘게 사용하신다니 저도 기분이 좋습니다. 앞으로 좀 더 확장성있게 한번 연구해 볼게요. 업그레이드되면 꼭 한번 찾아주세요.

  8. S2day 2007/02/19 04:33 # M/D Reply Permalink

    티스토리에 적용해보았습니다 ^^ 정말 멋진데요 _
    다음번 업그레이드 버전 카운터도 기대해볼꼐요 흐흣~

    1. 땡굴이™ 2007/02/20 10:00 # M/D Permalink

      감사합니다. 다음에는 좀 더 확장성 있는 모델을 한번 생각해 보겠습니다.^^.

  9. 푸리아에 2007/02/20 02:55 # M/D Reply Permalink

    티스토리에 적용시켰는데 참 예쁘고 좋습니다. 좋은 소스를 공개해주셔서 감사합니다. :D
    근데, 오른쪽 정렬로 되어있는데 이걸 왼쪽 정렬로 변경할 수 있는 방법은 없을까요?

    1. 땡굴이™ 2007/02/20 10:02 # M/D Permalink

      네. 만족 하셨다니 감사합니다. 음.. 오른쪽 정렬은 현재 소스에서 수정을 조금 많이 해야 할 것 같아요. 제가 오른쪽 정렬 부분은 생각을 하지 못했네요. ^^. 다음번에 업데이트할 때는 정렬도 함께 제어될 수 있도록 수정해 보겠습니다.

  10. 종영 2007/03/11 21:20 # M/D Reply Permalink

    <script language="javascript" src="/public_html/skin/whitestar/images/flashWrite.js"></script>
    <script>flashWrite("/public_html/skin/whitestar/images//blog_counter.swf","270","70","counter_flash","#FFFFFF","today_fv=[ ##_count_today_## ]

  11. 종영 2007/03/11 21:20 # M/D Reply Permalink

    잘못된부분좀 알려주세요

    1. 땡굴이™ 2007/03/11 21:25 # M/D Permalink

      글쎄요? 소스만 봐서는 잘 모르겠고.. 블러그 주소 좀 알려주세요.

  12. 종영 2007/03/11 22:57 # M/D Reply Permalink

    http://cool.ke.to

  13. 종영 2007/03/11 22:57 # M/D Reply Permalink

    부탁드립니다. 주소옆에는 글이 안써져서 밑에 다시 댓글을 달아봅니다.

    1. 땡굴이™ 2007/03/16 21:07 # M/D Permalink

      플래시 카운터 삭제 하셨나 보군요.. 제가 늦게 글을 봐서 그만.. 죄송합니다. 혹, 다음에 다시 사용하신다면 안될 경우 꼭 알려주세요.

  14. suspec 2007/03/14 11:21 # M/D Reply Permalink

    휴 힘들게 적용 완료 했네요.. 너무 좋습니다~!~! ㅎㅎㅎㅎ
    감사하고요~! 저의 경우에는 Flash의 가로크기와 세로크기를 잘못 설정하니 플레시가 나타나지 않았었습니다.. 여기 블로그 처럼 "400","17"로 지정을 하니 잘 작동 하네요~!

    1. 땡굴이™ 2007/03/16 21:09 # M/D Permalink

      네.. 감사합니다. 먼진 블로그 방금 다녀보고 오는 길입니다. 좋은 내용이 너무 많아서 한 동안 쭉 보게 되었네요.. 하하.. 아직 플러그인 개발은 배울게 많아서 부족한게 많아요.. 앞으로 좀더 유연하게 컨트롤 할 수 있는 플래시를 만들어 보겠습니다. 감사합니다.

  15. ^^;; 2007/03/31 02:38 # M/D Reply Permalink

    오우~ 오랫만에 뵙네요. 네이버 까페에서 쫓겨나지 않았는 지 확인을 해봐야 하는 데, ㅠ.ㅠ 블로그가 스팸으로 박살나고 난 뒤부터는 하는 것에만 열중하다보니 웹에 무심해져서 그랬는 지도 모릅니다. 감동스러움. 이런 멋진 것까지 만드시다니 존경합니다.

    1. 땡굴이™ 2007/04/15 15:00 # M/D Permalink

      별말씀을.. 좀 더 고민을 많이해서 확장성 좋게 만들어야 하는데 또 대충 끝내 버리는 건 아닌지 걱정스럽습니다. 이왕 이렇게 시작한거 시간 날 때 좀 더 업그레이드 할 수 있도록 해 볼 생각입니다.

  16. H.Slash 2007/04/13 01:40 # M/D Reply Permalink

    왜 제 블로그에 설치하면 어제 방문자 날짜가 이상하게 붙네요 3자리인데 상황에따라
    4나 7이 붙어서 4자리로 이상하게 바뀌어버립니다. 어제 방문자수가 147이라면 1477 이런식으로요...;

    1. 땡굴이™ 2007/04/15 15:04 # M/D Permalink

      yesterday_fv=272 에 보시면 뒤에 공백이 있던데 공백을 제거해 보시고요, style_fv=을 세로라고 하셨는데 영문 h로만 하시면 됩니다. 한글이 아니고요.

  17. 젤리 2007/04/30 06:40 # M/D Reply Permalink

    좋은 플러그인 감사합니다. ^^
    그런데 설치를 잘 했는데, 오늘 방문자 수만 나오고, 어제,총방문자 수가 나오지 않네요. 세로로 하면 나오는데, 가로로 하면 이런 현상이 나타납니다. 어떻게 해야될까요? 답변부탁드립니다. 죄송하고 감사합니다.

    1. 땡굴이 2008/04/04 01:38 # M/D Permalink

      아 제가 너무 늦게 댓글을 봤네요. 죄송합니다.

  18. 현달구지 2007/09/12 01:44 # M/D Reply Permalink

    좋은 플러그인 정말 감사합니다! 설치하는데 조금 애를 먹기는 했지만 (이런식으로 설치해보는게 처음이라서요.)

    정말 예쁘네요! 이상하게 색상코드를 넣었는데도 다 검은색으로 나오긴 하지만... 오히려 스킨이랑 더 어울려

    보여서 놔두려고 합니다. 정말 고맙습니다.

    1. 땡굴이 2008/04/04 01:38 # M/D Permalink

      이런 댓글이 늦었군요. 죄송합니다. 완전한 플로그인 형태가 아니라서 많이 부족해요. ㅆㅆ;

  19. anjella 2008/04/03 11:29 # M/D Reply Permalink

    너무 이쁘네요~ 바로 달아봤습니다. 잘 쓸게요~ ^^

    1. 땡굴이 2008/04/04 01:37 # M/D Permalink

      감사합니다. 계속 신경써서 업그레이드 해야 하는데 귀찮아 즘이.. ㅠㅠ;

   1   ... 461  462  463  464  465  466  467  468  469   ... 1285    
ABOUT  |  WORKS  |  @seonggyu
COPYRIGHT ⓒ 2000 - 2010. ACTION-SCRIPTER.COM. ALL RIGHTS RESEVED.