간만에... 하나 올릴께요.. 정보
인기검색어 간만에... 하나 올릴께요..관련링크
http://designbattle.co.kr
279회 연결
첨부파일
본문
네이버 실시간 검색어 넣는 소스 입니다.
찾다찾다.. 힘들게 찾았네요..
스타일 조금 수정했구요..
제가 필요해서 만든것인데... 적용된것은 조만간 보여 드릴께요..
아직 페이지가 미완성이라.. 공개는...^^
압축파일은 기본 원본입니다...
이미지 처럼 바꾸려면...rank.php파일은 다음처럼 수정 하시면 됩니다.
<!-- 실시간 검색어 -->
<?php
include "naverRankApi.php";
// API 호출 객체를 생성한다.
$api = new RankApiManager();
// RankApiManager 객체의 getRankData를 호출하여 실시간 급상승 검색어 API 데이터를 가져 온다
$rankData = $api->getRankData();
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>RANK API</title>
<style>
.section_ol{width: 190px;position:relative;border:1px solid #cdcdcf;background:#f6f6f6;font-size:10px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ol a{color:#666;text-decoration:none}
.section_ol a:hover,
.section_ol a:active,
.section_ol a:focus{text-decoration:underline}
.section_ol h2{margin:0;padding:9px 0 7px 13px;border-bottom:1px solid #cdcdcf;font-size:12px;background:#ffffff}
.section_ol ol{margin:13px;padding:0;list-style:none}
.section_ol li{position:relative;margin:0 0 3px 0;*zoom:1}
.section_ol li:after{display:block;clear:both;content:""}
.section_ol li .ranking{display:inline-block;width:15px;height:14px;margin:0 2px 0 0;background:#44b316;text-align:center;vertical-align:top;font:bold 10px Tahoma;color:#fff}
.section_ol li .num{position:absolute;top:0;right:0;font-size:10px;color:#a8a8a8;white-space:nowrap}
.section_ol li .rate{position:absolute;top:0;right:17px;font-size:10px;color:#a8a8a8;white-space:nowrap; text-align: center;}
.section_ol li .best .num{font-weight:bold;color:#7189a7}
</style>
</head>
<div class="section_ol">
<h2>실시간 급상승 검색어</h2>
<ol>
<?php foreach($rankData as $data){ ?>
<li>
<span class="ranking"><?php echo $data['R']; ?></span>
<a href="http://search.naver.com/search.naver?where=nexearch&query=<?php echo urlencode($data['K']); ?>&ie=utf8" target='_blank' ><?php echo $data['K']; ?></a>
<span class="rate"><?php echo $data['S']; ?></span><span class="num"><?php echo $data['V']; ?></span>
</li>
<?php } ?>
</ol>
</div>
<!-- 실시간 검색어 -->
찾다찾다.. 힘들게 찾았네요..
스타일 조금 수정했구요..
제가 필요해서 만든것인데... 적용된것은 조만간 보여 드릴께요..
아직 페이지가 미완성이라.. 공개는...^^
압축파일은 기본 원본입니다...
이미지 처럼 바꾸려면...rank.php파일은 다음처럼 수정 하시면 됩니다.
<!-- 실시간 검색어 -->
<?php
include "naverRankApi.php";
// API 호출 객체를 생성한다.
$api = new RankApiManager();
// RankApiManager 객체의 getRankData를 호출하여 실시간 급상승 검색어 API 데이터를 가져 온다
$rankData = $api->getRankData();
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>RANK API</title>
<style>
.section_ol{width: 190px;position:relative;border:1px solid #cdcdcf;background:#f6f6f6;font-size:10px;font-family:Tahoma, Geneva, sans-serif;line-height:normal;*zoom:1}
.section_ol a{color:#666;text-decoration:none}
.section_ol a:hover,
.section_ol a:active,
.section_ol a:focus{text-decoration:underline}
.section_ol h2{margin:0;padding:9px 0 7px 13px;border-bottom:1px solid #cdcdcf;font-size:12px;background:#ffffff}
.section_ol ol{margin:13px;padding:0;list-style:none}
.section_ol li{position:relative;margin:0 0 3px 0;*zoom:1}
.section_ol li:after{display:block;clear:both;content:""}
.section_ol li .ranking{display:inline-block;width:15px;height:14px;margin:0 2px 0 0;background:#44b316;text-align:center;vertical-align:top;font:bold 10px Tahoma;color:#fff}
.section_ol li .num{position:absolute;top:0;right:0;font-size:10px;color:#a8a8a8;white-space:nowrap}
.section_ol li .rate{position:absolute;top:0;right:17px;font-size:10px;color:#a8a8a8;white-space:nowrap; text-align: center;}
.section_ol li .best .num{font-weight:bold;color:#7189a7}
</style>
</head>
<div class="section_ol">
<h2>실시간 급상승 검색어</h2>
<ol>
<?php foreach($rankData as $data){ ?>
<li>
<span class="ranking"><?php echo $data['R']; ?></span>
<a href="http://search.naver.com/search.naver?where=nexearch&query=<?php echo urlencode($data['K']); ?>&ie=utf8" target='_blank' ><?php echo $data['K']; ?></a>
<span class="rate"><?php echo $data['S']; ?></span><span class="num"><?php echo $data['V']; ?></span>
</li>
<?php } ?>
</ol>
</div>
<!-- 실시간 검색어 -->
추천
5
5
댓글 전체
고맙습니다.
감사합니다..
안돼는데..정확한 사용법좀 알수 있을가요?
네이버에서 api 키 발급 받으셔서, naverRankApi.php 파일 11번째 줄에 적어야 출력됩니다.
어떤거요?
http://developer.naver.com/wiki/pages/SrchRank 이곳에서 검색api키를 하나 받급 받아 11번째줄 키를 변경하시면 됩니다.
와우~ 키는 미리 발급 받아놨는데...잘 적용했습니다.
이쁘게 잘 사용하세요
euc-kr로도 부탁드립니다. ㅜ.ㅜ 제가 언어바꿔서하니가 에러만나네영
정말 멋지네요~