Cara Membuat Random Post
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>
Langkah Kedua :
Tambahkan sebuah Element halaman -> HTML/Javascript
<a href="javascript:randomPost();">Random Post</a>
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 :)
0 komentar:
Posting Komentar
Please write your comments here.Thanks.