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">* Jangan lupa ganti kode yang berwana biru http://kang-onk.blogspot.com
//<![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>
- Jika sudah selesai, Simpan.
- Pilh tab Elemen Laman;
- Tambah Gadget;
- Pilih HTML/Java Script;
- Copy Paste kode berikut kedalamnya.
- dan Simpan.
0 komentar:
Posting Komentar