플래시로 된 사이트/블로그 위젯(악세사리)을 이것 저것 둘러보다 보니... [Flash]
http://web.humoruniv.empas.com/wget/empas/swf/main_realtime_keyword.swf [Flash]
http://www.oricom.com/img/oricom_realtime_keyword.swf
실시간 인기검색어가 있으면 좋겠다 싶어서..
이것저것 찾아 보다가...
깔끔하게 꾸며쓸 수 있는 소스가 보여서 슬쩍~ 해봤습니다.
아래 5종 세트를 봐주세요.
1번.
2번.
3번.
5번. [Flash]
http://web.humoruniv.empas.com/wget/empas/read_realtime_keyword.swf
흠... 아래 설명에서 주소를 보셔도 아시겠지만 위 플래시들은 엠파스의 실시간 인기 검색어를 담고 있습니다.
그러므로~ 클릭하면 당연히 엠파스의 검색결과가 새창으로 뜨겠지요? ^^
실제 엠파스 메인에서는 사용되고 있진 않지만 웃긴대학이나... 기타 외부 사이트들에 인기검색어를 제공해야 할 때 간편하게 하기 위해서 제작되었다고 짐작됩니다.
실시간으로 반응하며... 실제 메인페이지의 인기검색어 목록과 동기화 되어있습니다.
자~ 아래는 각각의 플래시 화일들에 대한 설명입니다.
번호 | 형태 | 주소 & 크기 | |
1 | 긴 세로 | http://img.empas.com/oea/hu/search_realtime_keyword.swf (권장크기 169 X 295) |
|
2 | 짧은 세로 | http://web.humoruniv.empas.com/wget/empas/swf/main_realtime_keyword.swf (권장크기 215 X 150) |
|
3 | 짧은 세로 | http://www.oricom.com/img/oricom_realtime_keyword.swf (권장크기 215 X 150) |
|
4 | 짧은 세로 | http://img.empas.com/dic/alldic_keyword.swf (권장크기 220 X 150) |
|
5 | 긴 가로 | http://web.humoruniv.empas.com/wget/empas/read_realtime_keyword.swf (권장크기 680 X 30) |
(지속적 실시간 순위 변동 無)
나머지들은 모두 실시간으로 순위가 변동 합니다. ^^
설치하는 법은 뭐... 아주 쉬운거죠? 원하는 곳에... object 태그나 embed 태그로 박아 주시면 되는겁니다.
이쁘게 테두리를 두르거나.. 간격을 조절하거나 하기 위해서 div 나 table 안에 넣어주면 되는거구요.
아래 몇가지 샘플 보여드립니다.
샘플 1.
|
소스:
<script src="http://search.empas.com/search/js/common.js" type="text/javascript"></script>
<table border=0 cellpadding=0 cellspacing=0 width=191 height=335 style="padding:1px;border:1px solid #DAD9D9;">
<tr>
<td height=27>
<img src="http://img.empas.com/oea/hu/main_realtime_title.gif" style="margin-left:7;">
</td>
</tr>
<tr><td bgcolor=#DAD9D9 height=1></td></tr>
<tr>
<td height=302 align="center">
<script type="text/javascript">
<!--
var sBuf = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=169 height=295 id=\"main_realtime\" align=\"middle\"><param name=\"movie\" value=\"http://img.empas.com/oea/hu/search_realtime_keyword.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#FFFFFF\" /><PARAM NAME=\"wmode\" VALUE=\"transparent\"><embed src=\"http://img.empas.com/oea/hu/search_realtime_keyword.swf\" quality=\"high\" bgcolor=\"#FFFFFF\" width=169 height=295 name=\"main_realtime\" wmode=\"transparent\" align=\"middle\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" /></object>";
writeObjectStr(sBuf);
//-->
</script>
</td>
</tr>
</table>
샘플 2.
소스:
<script src="http://search.empas.com/search/js/common.js" type="text/javascript"></script>
<div style="width: 215px; background-color:#efefef">
<div style="font-weight:bold; font-size:9pt; padding: 8px 0px 0px 10px;">
실시간 인기 검색어
</div>
<div>
<script type="text/javascript">
<!--
var sBuf = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\" width=215 height=150 id=\"main_realtime\" align=\"middle\"><param name=\"movie\" value=\"http://www.oricom.com/img/oricom_realtime_keyword.swf\" /><param name=\"quality\" value=\"high\" /><PARAM NAME=wmode VALUE=transparent><embed src=\"http://www.oricom.com/img/oricom_realtime_keyword.swf\" quality=\"high\" width=215 height=150 name=\"main_realtime\" wmode=transparent align=\"middle\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" /></object>"
writeObjectStr(sBuf);
//-->
</script>
</div>
</div>
다르게 얼마든지 더 이쁘게 꾸며서 쓰실 수 있겠죠?
참고:
tistory 나 테터, 또는 플래시 활성화 패치를 하신분들은 그냥 object 태그로 바로 넣어줘도 되지만... 그렇지 않은 상황의 IE 에서 혹여 생길지 모르는 플래시 활성화 테두리에 대해 처리하느라 <script src="http://search.empas.com/search/js/common.js" type="text/javascript"></script> 를 불러주고 writeObjectStr(sBuf); 를 이용해서 코드를 넣어준겁니다.
그냥 보통 하듯이..
<embed src="http://www.oricom.com/img/oricom_realtime_keyword.swf" quality="high" width="215" height="150" name="main_realtime" wmode=transparent align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
이런식으로 심플하게 넣어주셔도 문제는 없습니다. ^^
출처 : http://alik.tistory.com/30
'컴퓨터 > 네트워크,인터넷' 카테고리의 다른 글
자바스크립트 관련정보 사이트 모음 (1) | 2008.06.21 |
---|---|
[인기검색어 소스] 네이버 인기검색어를 내사이트에 아이프레임으로 넣기 (0) | 2008.06.15 |
인터넷 사이트 자동 로그인 (1) | 2008.06.15 |
홈페이지 방문자 늘리는 비결 (0) | 2008.05.25 |
내 도메인의 가격을 한번 알아볼까? (0) | 2008.05.24 |