Pages

Cara Membuat Random Post

05 July 2010

Setelah sebelumnya saya memposting sebuah tutorial tentang bagaimana membuat related post disertai dengan label (Baca : disini ). Untuk kali ini saya akan posting bagimana cara membuat Random Post, yang artinya postingan yang keluar secara acak. Untuk membuat Random Post bukanlah hal yang sulit. Simak cara membuatnya seperti dibawah ini ::


Langkah membuat Random Post:


Pertama:
Buka Template -> Edit HTML -> Jangan lupa lakukan backup template, Kemudian Copy-paste kode dibawah ini biasanya atas tag </head>


<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://www.URLBLOGKAMU.com";


function randomPost() {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTotalPostsCallback&start-index=1&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTotalPostsCallback(json) {
var totalResults = json.feed.openSearch$totalResults.$t;
if (totalResults > 0) {
getRandomPostNumber(totalResults);
}
};
function getRandomPostNumber(totalResults) {
var randomNumber = Math.floor((Math.random() * totalResults) + 1);
getRandomUrl(randomNumber);
};
function getRandomUrl(randomNumber) {
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
var theUrl = _yourBlogUrl +"/feeds/posts/summary?alt=json-in-script&callback=getTheUrlCallback&start-index=" + randomNumber + "&max-results=1";
script.setAttribute("src", theUrl);
document.documentElement.firstChild.appendChild(script);
};
function getTheUrlCallback(json) {
var theUrl = json.feed.entry[0].link[0].href;
window.location.href = theUrl;
}
//]]>
</script>


Langkah Kedua :

Tambahkan sebuah Element halaman -> HTML/Javascript

<a href="javascript:randomPost();">Random Post</a>


Langkah terakhir adalah SIMPAN :)

No comments:

Post a Comment

 

Populer