Free Facebook Fans
Thank's    About Me Suatu pembelajaran Otodidak tanpa komersial semata, satu kuncinya : KEMAUAN dan BELAJAR    Contemplations Panduan Praktis Belajar Design dan SEO    FB onk009@yahoo.com    twitter @onkdesign
Obrolan

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.

0 komentar:

Posting Komentar

  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description

Contact Me

Name
Email
Country
Age
Subject
Message
Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free

Free Link Exchange For You

Mau pasang widget seperti ini, silakan klik disini
© Kang Onk Design | Free
Follow us?