좀전에 플래시바(플래시 북마크 버튼 모음)의 모든 버튼에 모션을 추가했다. 뉴스2.0 버튼과 위자드닷컴 버튼에 어떤 모션을 적용할지 정하지 못해 보류하다가 일단 마무리 했고 HanRSS 버튼은 기존에 적용했던 모션을 지우고 새롭게 변경했다. 앞으로 좀더 고민해서 현란한(?) 모션을 추가해볼 생각이다.
플래시바에 모션을 추가한 이후에 웹2.0 시대의 소통 방법 중에 하나인 소셜북마크 서비스들을 플래시바를 활용하여 개인적으로 운영하고 있는 클럽과 카페들 메인화면에 노출중이다. 2만 9천여명의 직장인 인맥만들기 클럽 회원들과 12만9천여명의 코디클럽 회원들과 4만 6천여명의 플래시카페 회원들에게 노출되고 있다. 중복 회원도 있겠지만 종합 20여만명 정도의 회원에게 노출되어 소셜북마크 사이트들을 알리고 있다.
카페에 노출된 플래시바를 사용하는 회원들이 늘어날수록 역으로 소셜북마크 서비스를 통해 카페를 노출하게 될수도 있을것이다. 아직 우리 회원들이 북마크 서비스에 익숙하지 않아 그렇게 되기 위해서는 아마도 많은 시간이 필요할지도 모른다. 어째꺼나 정보는 공유되는 것이 좋은 것이므로 즐거운 마음으로 노출해두었다.
그리고 오늘 마가린 개발자 소두마빈님이 마가린 메인화면 하단 마가린 시식코너에 플래시 북마크 꾸러미라는 제목으로 링크를 걸어주셨고 그로인해 마가린 시식코너를 통해 좀더 많은 분들에게 플래시바를 소개할 수 있게 되었다. 앞으로 소두마빈님과 자주 왕래하길 기대한다.
플래시바 소개 이후 여러가지 기능을 생각해두었다. 조만간에 유익하고 재미난 기능들을 하나 하나 추가해서 소개할 예정이다.
만들고 싶은 것도 많고 하고 싶은 것도 많은 하지만 사용할 시간은 부족한 웹프로그래머와 소통할 분은 흔적 남겨주시길...
[북마크 꾸러미 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/131&title=북마크 등록을 편하게 플래시 북마크 모음" />
[개별 포스트별 북마크 꾸러미 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_bookmark［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<table bgcolor=#efefef><tr><td width=600 align=right>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><param name="wmode" value="opaque"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］" wmode=opaque /></object>
</td></tr></table>
</textarea><script>document_write(document.getElementById('flash_blog_bookmark［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 북마크 적용 태그 예제]
<table bgcolor=#efefef width=700 cellpadding=2><tr><td><font style="font-size:12px;"> @ 즐겨찾기 등록</font></td><td align=right>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29"/><param name="flashvars" value="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29" width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)" /></object>
</td></tr></table>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
플래시바에 모션을 추가한 이후에 웹2.0 시대의 소통 방법 중에 하나인 소셜북마크 서비스들을 플래시바를 활용하여 개인적으로 운영하고 있는 클럽과 카페들 메인화면에 노출중이다. 2만 9천여명의 직장인 인맥만들기 클럽 회원들과 12만9천여명의 코디클럽 회원들과 4만 6천여명의 플래시카페 회원들에게 노출되고 있다. 중복 회원도 있겠지만 종합 20여만명 정도의 회원에게 노출되어 소셜북마크 사이트들을 알리고 있다.
카페에 노출된 플래시바를 사용하는 회원들이 늘어날수록 역으로 소셜북마크 서비스를 통해 카페를 노출하게 될수도 있을것이다. 아직 우리 회원들이 북마크 서비스에 익숙하지 않아 그렇게 되기 위해서는 아마도 많은 시간이 필요할지도 모른다. 어째꺼나 정보는 공유되는 것이 좋은 것이므로 즐거운 마음으로 노출해두었다.
그리고 오늘 마가린 개발자 소두마빈님이 마가린 메인화면 하단 마가린 시식코너에 플래시 북마크 꾸러미라는 제목으로 링크를 걸어주셨고 그로인해 마가린 시식코너를 통해 좀더 많은 분들에게 플래시바를 소개할 수 있게 되었다. 앞으로 소두마빈님과 자주 왕래하길 기대한다.
플래시바 소개 이후 여러가지 기능을 생각해두었다. 조만간에 유익하고 재미난 기능들을 하나 하나 추가해서 소개할 예정이다.
만들고 싶은 것도 많고 하고 싶은 것도 많은 하지만 사용할 시간은 부족한 웹프로그래머와 소통할 분은 흔적 남겨주시길...
[북마크 꾸러미 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info/131&title=북마크 등록을 편하게 플래시 북마크 모음" />
[개별 포스트별 북마크 꾸러미 태그]
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］" /></object>
[IE 에서 테투리를 안보이게 하는 태그]
스킨 편집 skin.html 의 상단 "</head>" 라는 태그 바로 위에 "<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 추가합니다.
그리고 예제 포스트 대신 다음과 같은 태그를 사용합니다.
<textarea id="flash_blog_bookmark［##_article_rep_link_##］" style="display:none;" rows="0" cols="0">
<table bgcolor=#efefef><tr><td width=600 align=right>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf"/><param name="flashvars" value="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］"><param name="wmode" value="opaque"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/bookmark.swf width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://hompy.info［##_article_rep_link_##］&title=［##_article_rep_title_##］" wmode=opaque /></object>
</td></tr></table>
</textarea><script>document_write(document.getElementById('flash_blog_bookmark［##_article_rep_link_##］').value);</script>
주의)
* 빨간색 링크 주소는 운영하는 블로그 도메인으로 바꾸셔야 합니다. 그리고 "［ " 와 "］" 로 표시된 부분은 "[" 와 "]" 로 바꿔주셔야합니다.
* 파란색 태그가 없는 경우 플래시가 레이어를 통과해서 보일 수 있습니다.
[네이버 카페 메인화면에 북마크 적용 태그 예제]
<table bgcolor=#efefef width=700 cellpadding=2><tr><td><font style="font-size:12px;"> @ 즐겨찾기 등록</font></td><td align=right>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="360" height="30"><param name="movie" value="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29"/><param name="flashvars" value="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src="http://www.hompydesign.com/club/bookmark.swf?link=http%3A%2F%2Fflashcafe.org&title=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29" width=360 height=30 type=application/x-shockwave-flash quality="high" FlashVars="link=http://flashcafe.org&title=플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)" /></object>
</td></tr></table>
주의)
네이버에서는 일부 태그를 제한하는 관계로 파란색에 해당하는 파라메터(인수) 전달이 제대로 되지 않으므로 빨강색 부분에서 처럼 URL 을 통해서 값을 전달해야 합니다. URL 을 통해서 값을 전달할때 한글이나 특수문자인 경우 URL 인코딩을 해야합니다.
파란색 문장을 구글 검색창에 검색해보면 주소창에서 인코딩된 빨강색 문장 처럼 바뀌는 부분이 있습니다. "플래시 카페 (Flash,액션,소스,강좌,포토샵,PHP,자바스크립트)"라는 문장을 검색해보면 주소창에 다음과 같은 경로가 보입니다.
http://www.google.co.kr/search?hl=ko&q=%ED%94%8C%EB%9E%98%EC%8B%9C+%EC%B9%B4%ED%8E%98+%28Flash%2C%EC%95%A1%EC%85%98%2C%EC%86%8C%EC%8A%A4%2C%EA%B0%95%EC%A2%8C%2C%ED%8F%AC%ED%86%A0%EC%83%B5%2CPHP%2C%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%29&lr=
위의 경로에서 URL 인코딩된 빨간색 부분만 가져와서 태그에서 사용합니다. 빨간색 처럼 인코딩이 되지 않은 값을 사용하는 경우 제대로 정보 전달이 안될 수 있습니다.
태그 입문자의 경우 다소 어려워 보일 수 있지만 차근 차근 따라해 보시면 완성할 수 있습니다.
웹프로그래머의 홈페이지정보 블로그 http://hompy.info
댓글을 달아 주세요
와! 최고십니다!!
팬입니다. 아직 장착해보지 않았지만, 매번 좋은 글 너무 감사합니다.
정말이에요? 앞으로 더 좋은 자료를 준비해야 한다는 책임감이 생기네요!^^ 즐겁게 구독해주셔서 감사합니다.
관리자만 볼 수 있는 댓글입니다.
제가 필요한일이 있으시면 언제든지 말씀해 주세요. ^^.
자주 왕래하려면 메신져 친구등록을 하는 것이 좋겠지요? 네이트온 메신져 쓰시면 댓글 남겨주세요. 친추하겠습니다^^
안녕하세요.
재미있는 북마크 버튼을 만들어 주셔서 감사드립니다. 마가린의 "+" 가 뱅뱅도는 것이 너무 이쁘네요.^^ 소두마빈님이 자바스크립트로 만드신 어안 붐바와는 또 다른 맛이 있군요.^^
정말 감사합니다.
P.S.그런데 혹시 마가린을 바르듯이 "+"가 빵위로 쫙 펼쳐지게 하면 어떨까요?^^
마가린 운영진이신가요? 어째거나 이쁘게 봐주시니 저도 기쁩니다. 조만간 좀더 현란한(?) 모션을 추가할 때 의견을 반영해보도록 할께요.
중요한 아이콘들의 이미지 버튼들이 깨지는듯하네요^^;;
벡터이미지로 하는것이 더 이쁘지 않을까합니다^^;;
조만간에 보다 부드러운 벡터 이미지로 처리해보도록 하겠습니다.
ie 태그 소스로 해봤는데.. 아예 안나오는 데요..
개별 포스트는 되는데...흠...
"<script language="javascript" src="http://factor.kr/attachment/dk46.js"></script>" 를 스킨 상단에 추가해야 정의된 document_write 함수 제대로 동작합니다. 그리고 주의 사항에 있는 바꿔줘야할 부분도 정확하게 했는지 확인해야합니다.