IT & 블로그
랜덤 포스트 위젯 만들기
- 구글 블로그 위젯 꾸미기
구글 블로그에서 포스트를 랜덤으로 표시해주는 위젯을 만들어보자.
<script defer type="text/javascript">
var randarray = new Array();
먼저 레이아웃에서 오른쪽 사이드바에 가젯을 추가한다.
그리고 컨텐츠 창에 아래 자바스크립트 소스를 복사해서 붙인다.
빨강색으로 표시된 숫자는 위젯에 표시될 포스트의 제목 수인데 변경가능하다.
<script defer type="text/javascript">
var randarray = new Array();
var l=0;
var flag;
var numofpost=3;
var numofpost=3;
function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}
document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate')
{
var end = entry.title.$t.indexOf('-');
var title = entry.title.$t.substring(0, end);
var item = "<li>" + "<a href=" + entry.link[k].href + ">" +" + " + title + "</a> </li>";
document.write(item);}} }
document.write('</ul>');}
</script>
for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}
document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate')
{
var end = entry.title.$t.indexOf('-');
var title = entry.title.$t.substring(0, end);
var item = "<li>" + "<a href=" + entry.link[k].href + ">" +" + " + title + "</a> </li>";
document.write(item);}} }
document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
이제 모닝캄7 블로그에 있는 랜덤 포스트 위젯처럼 멋진 위젯이 완성 되었다.
랜덤 포스트는 오래 되었지만 유익한 글을 방문자에게 보여줄 수 있어 매우 유용하게 쓸 수 있다.

댓글 쓰기
0 댓글