MENAMPILKAN POSTINGAN SECARA ACAK

Saya pernah ditanya oleh seorang teman blogger asal Banjarmasin - Kalimantan Selatan "Saya sehari membuat postingan bisa mencapai 3 buah dan dalam sebuan bisa mencapai kurang lebih 90 postingan. Memang sangat menggembirakan bagi saya, namun permasaahannya adalah ketika orang yang datang tidak bisa membaca postinganku terdahulu yang dikarenakan postingan itu hilang tergeser postingan terbaru. Bagaimana caranya supaya postingan itu tampil secara acak ?".

Sebenarnya saya sih bingung juga dalam menjawabnya (karena saya juga tidak yakin tahu...hehehehe). Namun berbekal koneksi internet saya mulai menjelajah dunia yang fana ini dan diluar dugaan ternyata banyak sekali toturial tentang menampilkan postingan secara random.

Daripada kepanjangan, mendingan langsung saja kita membuat supaya postingan bisa tampil secara acak dengan langkah - langkah sebagai berikut :

• Masuk ke account blogger anda
• kemudian Contro Panel
• Lalu masuk ke Edit HTML namun sebelum melakukan peng-editan terhadap template anda sebaiknya di backup dahulu untuk menghindari hal – hal yang tidak diinginkan.
• Kalau sudah copy – paste kode dibawah ini tepat sebelum kode </head>
       

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://suriyadi.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 untuk merubah kode yang berwarna merah dengan alamat URL blog anda
• Kemudian simpan pekerjaan anda dengan mengklik SAVE

CARA PEMAKAIAN :

• Untuk pemakaian bisa diletakkan di widget ataupun di dalam postingan anda dengan memasukan kode dibawah ini

Untuk tampilan teks link biasa bisa memakai kode ini

<a href="javascript:randomPost();">Lihat Posting secara ACAK</a>

Untuk tampilan tombol button bisa memakai kode ini

<input type="button" onclick="randomPost();" value="View Random Post"/>

Terpenting :
Masalah penempatan link POSTING ACAK tersebut terserah keinginan anda