랜덤 포스트 바로가기 만들기 - 랜덤으로 선택한 포스트 링크

링크를 클릭하면 랜덤으로 포스트 글로 연결되는 위젯 링크 또는 버튼을 만들어보자.
레이아웃 > 사이드바 > 가젯추가 > HTML 자바스크립트를 추가한다.
콘텐츠 박스에 아래 코드를 복사해 붙인다. 

<script type='text/javascript'>
//<![CDATA[
function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function readLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
fetchLuck(luckyNumber);
}
function feelingLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
//]]>
</script>

위젯 컨텐츠 안에 빨강색 링크를 복사해 붙인다.

<div class='widget-content'>

<data:content/>

<a href='#random' onclick='feelingLucky()' title='랜덤 포스트 바로가기'>랜덤 포스트 바로가기 </a>

</div>

버튼은 <input> 태그를 사용한다.

<input value="Random Post" onclick="feelingLucky()" type="button" />