[2007-09-25]6월에 공개했던 플래시 북마크 버튼 모음에 인기 포스트 정보를 수집할 수 있는 기능을 추가했고 인기 포스트들을 공유 할 수 있는 블로그 랭크라는 페이지를 오픈했습니다. 최근에 등록된 글, 오늘 많이 읽은 글, 오늘 관심 받은 글 3가지 기준으로 구성되어 있고 플래시 북마크 버튼 모음이 부착된 블로그의 포스트들이 등록될 수 있습니다. 북마크 버튼 모음에 포스트별 today, yesterday, total 중 일부 또는 전부를 표시할 것인지를 고민하다가 일단 보류했습니다. 좀더 고민하고 의견을 반영해서 결정하게 될 것이며 차후에 인기 포스트 공유 페이지 블로그랭크 역시 몇몇 아이디어를 접목해서 업그레이드 하게 될 것입니다.
아래는 플래시 북마크 버튼 모음 플래시바에 대한 설명입니다.
[플래시바] 북마크 공유 사이트에 블로그 포스트를 쉽게 등록할 수 있는 북마크 모음(꾸러미)을 제공하는 곳들이 있다. 붐바, 리플바라는 것들이 있는데 개인적으로 플래시를 즐겨쓰는 관계로 플래시로 제작한 북마크 모음을 만들게 되었으며 아래의 플래시(flash)에서 확인할 수 있다. 오늘도 역시 갑자기 북마크 꾸러미을 만들어야 겠다는 생각을 하게되어 오전중에 뚝딱거리며 만들었다. 아직 이름도 정하지 않은 무명의 플래시 북마크 모음이지만 사용하기에 나쁘지 않을 것 같다. 제일 오른쪽 버튼을 누르면 개발 페이지로 건너올 수 있으며 의견과 아이디어를 댓글로 남길 수 있다. 앞으로 쓸만한 기능들이 더 추가될 수 있도록 블러거님들의 관심을 기대해 본다.^^
[북마크 꾸러미 태그]
<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=북마크 등록을 편하게 플래시 북마크 모음"></EMBED>
[개별 포스트별 북마크 꾸러미 태그]
<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_##］"></EMBED></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></EMBED></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,자바스크립트)"></EMBED></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
아래는 플래시 북마크 버튼 모음 플래시바에 대한 설명입니다.
[플래시바] 북마크 공유 사이트에 블로그 포스트를 쉽게 등록할 수 있는 북마크 모음(꾸러미)을 제공하는 곳들이 있다. 붐바, 리플바라는 것들이 있는데 개인적으로 플래시를 즐겨쓰는 관계로 플래시로 제작한 북마크 모음을 만들게 되었으며 아래의 플래시(flash)에서 확인할 수 있다. 오늘도 역시 갑자기 북마크 꾸러미을 만들어야 겠다는 생각을 하게되어 오전중에 뚝딱거리며 만들었다. 아직 이름도 정하지 않은 무명의 플래시 북마크 모음이지만 사용하기에 나쁘지 않을 것 같다. 제일 오른쪽 버튼을 누르면 개발 페이지로 건너올 수 있으며 의견과 아이디어를 댓글로 남길 수 있다. 앞으로 쓸만한 기능들이 더 추가될 수 있도록 블러거님들의 관심을 기대해 본다.^^
[북마크 꾸러미 태그]
<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=북마크 등록을 편하게 플래시 북마크 모음"></EMBED>
[개별 포스트별 북마크 꾸러미 태그]
<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_##］"></EMBED></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></EMBED></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,자바스크립트)"></EMBED></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
댓글을 달아 주세요
그데 저두 플래시 채팅방 하구 있어용!~
잘 활용하고 잇습니다.고맙습니다.
원하는 대로 내용편집을 할수는 없나요. 가령...이올린을 뺀다든지 하는거요.
새로 넣는건 어렵겠지만 제외는.. 가능할듯해서..여쭤봅니다.
또 네이버 블로그로 펌..기능은 어렵겠지요? 처음엔 그건줄알고 붙였거든요.
잘 붙네요..
배경색을 넣고 싶으시면 투명 플래시를 사용해서 다음과 같이 사용하시면 됩니다. bgcolor 에 원하는 배경색을 설정해보세요.
<table border=0 cellpadding=0 cellspacing=0 bgcolor=#333333><tr><td align=middle><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=북마크 등록을 편하게 플래시 북마크 모음" wmode=transparent></EMBED></td></tr></table>
테두리 없애야 하는 부분에서 머리를 좀 싸매야 했지만 결국 저도..웹프로그래머님이 소스를 공개해주신 위젯들을 달수가 있었습니다. 정말 고맙습니다^^
우움 먼가 어려워요. ㅎ
번역하는 버튼을 달아봤는데 여기 싸이트가 번역되네요 ㅋ;
감사합니다. 지금 적용해 보았습니다. ^^;
버벅거림이 줄어들었으면 합니다.
정말 감사합니다.
성능 개선을 조금 해봤습니다.
잘 사용하고 있습니다~ 깔끔한 것이 정말 좋습니다^^
각각의 북마크 아이콘에 마우스를 갖다대면 사이트 이름이 나오는 애니메이션 부분을
더 빨리 나오게 하면 어떨까요? 조금 버벅대는 느낌이 나는 것 같습니다.
버벅 대는 부분은 수정해봤습니다.
제 홈페이지에 달아보았습니다. 사용해 보고 의견 있으면 올리도록 하겠습니다~
Zino님, 사용해보시고 의견 있으시면 언제든 알려주세요.