상세 컨텐츠

본문 제목

다음 API 로 본인 블로그 최신글 뽑아오는 코드

노드js·자바스크립트

by 김일국 2014. 2. 26. 09:14

본문

현재 time-space.biz 사이트에 적용되어 있음.

<div class="tile-group double">
 <div class="tile-group-title">Technical Blog</div>
 <script type="text/javascript">
  function listPosts(data) {
   var items = data.channel.item;
   var len = items.length;
   var output = '';
   for (var i=0; i<len; i++) {
    var item = items[i];
    output += '<a href="http://blog.daum.net/_blog/BlogTypeView.do?blogid=0FnMj&articleno='+item.postId+'" class="list small bg-lightBlue fg-white" target="_new">';
    output += '<div class="list-content"><div class="data" style="margin:0px">';
    output += '<span class="icon icon-link-2 border"></span>';
    output += '<span class="list-title">'+item.title+'</span>';
    output += '<span class="list-remark">'+item.date+'</span>';
    output += '</div></div>';
    output += '</a>';
   }//for
   $('#postlist').html(output);
  }//listPosts
  </script>
    <div class="listview small" id="postlist"></div>
   <!-- 다음 블로그 API 이용. -->
   <script type="text/javascript" src="https://apis.daum.net/blog/post/list.do?blogName=web_design&output=json&callback=listPosts&result=5"></script>
        </div> <!-- End tile group -->

관련글 더보기

댓글 영역