Membuat Random Posts

Jika sebelumnya pernah membuat gadget recent posts, sekarang saya berikan bagaimana menambahkan random posts di blog Anda. Widget ini akan menampilkan judul-judul artikel Anda secara acak. Jadi posting lama sekalipun mempunyai kesempatan yang sama untuk 'mejeng' di sidebar Anda.

Caranya mudah sekali tinggaltambahkan script berikut di gadget HTML Anda

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://www.masdoyok.co.cc";

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>


Ganti yang berwarna merah dengan alamat blog Anda
Simpan gadget Anda, semoga berhasil.....

Komentar

  1. Keren mas doy,... sudah saya coba dan hasilnya memuaskan hehehehe

    BalasHapus
  2. @new blogger sip deh, alhamdulillh kalo sukses

    maju terus blogger Indonesia!

    BalasHapus
  3. Wadu ini dia yang aq cari. Nice info, thx bang doyok. Salam kenal juga buat semuanya

    BalasHapus
  4. @Dunfoku
    semoga saja bermanfaat ya

    BalasHapus
  5. Wadu aq kuk ga bisa ya bang, ad apa neh yang salah

    BalasHapus
  6. maaf mas,,,,,tutorialnya gagal buat blog saya (bagoevix.blogspot.com)

    BalasHapus
  7. di pasang di tat letak
    add gadget
    html/java script

    BalasHapus
  8. ini yg saya cari dan sudah sy terapkan di blog saya

    BalasHapus
  9. LOH.... kok kode ini tdk bs berjalan dan tdk berfungsi d blog saya???

    BalasHapus

Posting Komentar

Postingan Populer