2007년 05월 30일
내 사이트에도 실시간 인기 검색어를 달기
플래시로 된 사이트/블로그 위젯(악세사리)을 이것 저것 둘러보다 보니...
실시간 인기검색어가 있으면 좋겠다 싶어서..
이것저것 찾아 보다가...
깔끔하게 꾸며쓸 수 있는 소스가 보여서 슬쩍~ 해봤습니다.
아래 5종 세트를 봐주세요.
1번.
5번.
흠... 아래 설명에서 주소를 보셔도 아시겠지만 위 플래시들은 엠파스의 실시간 인기 검색어를 담고 있습니다.
그러므로~ 클릭하면 당연히 엠파스의 검색결과가 새창으로 뜨겠지요? ^^
실제 엠파스 메인에서는 사용되고 있진 않지만 웃긴대학이나... 기타 외부 사이트들에 인기검색어를 제공해야 할 때 간편하게 하기 위해서 제작되었다고 짐작됩니다.
실시간으로 반응하며... 실제 메인페이지의 인기검색어 목록과 동기화 되어있습니다.
자~ 아래는 각각의 플래시 화일들에 대한 설명입니다.
| 번호 | 형태 | 주소 & 크기 | |
| 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" />
이런식으로 심플하게 넣어주셔도 문제는 없습니다. ^^
# by | 2007/05/30 20:26 | 트랙백(2) | 덧글(2)







☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
제목 : 블로그용 네이버 실시간 검색어 플래시
네이버 오픈API를 사용한 실시간 검색어 플래시다. 기능을 정리하면 실시간 검색어를 보여주며 해당 검색어를 클릭하면 사용자가 지정한 검색창으로 이동한다. 파라메터 변경으로 검색기는 원하는 것으로 수정할 수 있고 스킨도 얼마전에 포스팅한 페이지랭크 플래시 및 플래시 채팅과 같은 방식으로 변경할 수 있다. 차후 실시간 검색어 플래시에는 한글 및 영문 사전이 추가될 예정이다. 또는 떠오르는 재밌는 다른 기능이 추가될수도 있겠다. 오픈API로 나만의 ......more
제목 : 블로그에 [실시간 검색어] 설치하기
내 블로그 상단 메뉴에 보면, 실시간 검색어라는 항목이 새로 생겼다. 들어가 보면 알겠지만, 네이버, 엠파스, 다음, 야후 등의 실시간 검색어 박스를 한군데 모아놨다. 다같이 모아놓고 보니, 마치 증권회사의 전광판을 보는 듯 하다. 각각의 소스는 아래 블로그들의 도움을 받았다. 네이버가 다른 양식과 조금 이질적으로 느껴지긴 하나, 다른 검색 사이트처럼 플래시나 간단한 스크립트를 사용하는 것이 아니라, API 라는 방식을 이용하여 그렇다. 내 실......more
메일로 주세요
hjy2ppo@hotmail.com