알릭의 오픈마우스

플래시로 된 사이트/블로그 위젯(악세사리)을 이것 저것 둘러보다 보니...

실시간 인기검색어가 있으면 좋겠다 싶어서..

이것저것 찾아 보다가...

깔끔하게 꾸며쓸 수 있는 소스가 보여서 슬쩍~ 해봤습니다.

아래 5종 세트를 봐주세요.

1번.     2번.

3번.     4번.

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" />

이런식으로 심플하게 넣어주셔도 문제는 없습니다. ^^