Memasang Random Post 'Posting Acak' pada Blog

Akhir-akhir ini Kang Onk jarang buka blog karena kesibukan yang gak bisa ditinggalkan, tapi alhamdulillah hari ini udah selesai satu kegiatan yang bergerak di sosial kemasyarakatan.... hehehehe, intermiso aja kok.

Langsung pada topik kali ini akan membahasa tentang membuat atau memasang Random Post (saya bila postingan yang amburadul alias acak. Pada kesempatan yang lalu sudah dibahas mengenai Cara Menampilkan Recent Comment.dan Membuat Recent Post

Jika postingan terbaru (Recent Post) hanya menampilkan postingan yang baru di posting, dan komentar Terbaru (Recent Comment) membuat komentar terbaru kelihatan, maka postingan acak bisa menampilkan postingan lama maupun postingan baru secara acak, setiap halaman dibuka maka isi postingan acak (random post) selalu berbeda.

Langkahnya yang Pertama:

• Masuk ke akun Blogger Anda;


• Klik tombol Rancangan dan pilih Edit HTML;


• Cari kode tag </head>


• Jika ketemu copy paste kode dibawah persis diatas tag </head>

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://kang-onk.blogspot.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>

* Jangan lupa ganti kode yang berwana biru http://kang-onk.blogspot.com

• Jika sudah selesai, Simpan.

Langkahnya yang Kedua:

• Pilh tab Elemen Laman;


• Tambah Gadget;


• Pilih HTML/Java Script;


• Copy Paste kode berikut kedalamnya.

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

• dan Simpan.

Semoga berhasil dan bermanfaat bagi anda sekalian.