Tuesday, August 16, 2011

tutorial membuat random post

Posted by kang obet  |  at  12:57 PM No comments

Tutorial membuat random post di blog ini ane dapet dari blognya o-om, niat awal ane sebenernya hanya mencari buat blog ane sendriri namu apaslahnya jika sekalian ane posting idem-idem buat refrensi ae sendiri, sukur2 ada kawan blogger nyasar ampe blog ini dengan magsud yang sama dengan ane, " menampilkan postingan post secara random"
emangnya apa sih manfaatnya....???
1. untk mereviw postingan2 yang lalu agar muncul kembali
2. biar kita inget pernah mngepost apaan n kalo ternyata ambradul bisa kita perbaiki,
hehehehe


oke inilah kode awal yang musti kita taruh di atas kode 
Pertama:

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :)
Kemudian Copy-paste kode dibawah ini biasanya atas tag  </head>

<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://www.asianadesun.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 www.asianadesun.com diatas dengan nama blog kita, jika sudah jangan lupa disimpan

Kedua:

Kemudian Tambahkan sebuah Element halaman -> HTML/Javascript

<a href="javascript:randomPost();">View Random Post</a>

Jangan lupa disimpan dan lihat hasilnya :)

Sumber: http://purplemoggy.blogspot.com/
 http://www.o-om.com


About the Author

Write admin description here..

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

Related posts

0 comments:

Text Widget

Blogger templates. Proudly Powered by Blogger.
back to top