구글블로그 사용법: 특정 라벨(Label)이 붙여진 글의 제목만 뽑아 주는 스크립트 예제

블로그의 특정 라벨이 붙여진 글의 제목만 뽑아서 목록으로 보여 주는 스크립트이다.
아래의 예제는 이 블로그에서 라벨이 "자바스크립트"인 글의 제목을 5개 보여주도록 설정한 것이다.

<script src="http://howways2.blogspot.com/feeds/posts/summary/-/자바스크립트?max-results=5&alt=json-in-script&callback=recentpostslist">

[실제 적용한 모습]

아래의 스크립트에서 항목을 조절하여 블로그의 HTML 편집창에서 원하는 위치에 추가하면된다.

[특정 라벨이 붙여진 글들만 뽑는 스크립트]

<!-- 구글 블로그 특정 라벨 글 목록 -->
<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
    for (var j = 0; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" >' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://XXXXX.blogspot.com/feeds/posts/summary/-/YYYYY?max-results=ZZZZZ&alt=json-in-script&callback=recentpostslist">
</script>

XXXXX  <= 자신의 블로그 주소(URL)
예컨데, 이 블로그의 주소는 http://howways2.blogsopt.com 이므로, XXXXX 대신에 howways2 로 바꾼다.

YYYYY  <= 글을 뽑을 라벨을 적는다.
예컨데, 라벨이 자동차 인 글만 뽑으려면 YYYYY 대신에 자동차 로 바꾼다.

ZZZZZ  <= 보여줄 글 개수를 적는다.
글 갯수에는 제한이 없고, 숫자로 100 또는 2000 등과 같이 적는다.

글을 클릭하면, 새 창에 열도록 하려면, 코드의 중간 쯤에 있는 아래와 같은 코드 줄에  target="_blank" 를 추가한다.
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";