Selasa, 04 Desember 2007

Cara pasang "Random Post" (menampilkan posting secara acak)

Random post adalah suatu cara menampilkan posting
secara acak, Sebenarnya cara memasang random post sudah lama ada dan
sudah banyak yang menulis, namun blogger yang baru memulai membuat blog masih
saja bingung, mungkin tutorila yang digunakan/ditemukan masih menggunakan bahasa
inggris. Agar gak membuat sahabat blogger kecewa saya tulis aja artikelnya
secara singkat.




Langkah mudah membuat Random Post:





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.o-om.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 warna merah 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/


 


Tidak ada komentar:

Posting Komentar