Membuat Random Posts

Rabu, 08 Desember 2010

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.ikiwae-tbn.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 text yang berwarna hijau dengan alamat blog Anda
Simpan gadget Anda, semoga berhasil.....

0 comments:

Posting Komentar