Jumat, 14 September 2012

Cara Membuat "RANDOM POST" Pada Blog

Panduan blogger untuk para blogger pemula.Panduan blogger yang akan membahas,menjelaskan serta membantu sobat blogger semua tentang "Cara Membuat Random Post (menampilkan postingan secara acak) Di Blog.Random Post merupakan suatu cara untuk menampilkan postingan blog sehingga tampil secara acak.Perlu sobat ketahui,random post memang sudah lama ada dari tempo dulu dan banyak juga para blogger yang sudah mahir menuliskan tentang cara menampilkan random post di blog.Namun,mungkin bagi blogger pemula masih bingung dengan cara pasangnya.Dan dalam artikel ini sengaja saya jelaskan dan mungkin bisa membantu khususnya bagi sobat yang masih pemula dalam dunia blog.




Dan langsung saja saya jelaskan secara singkat untuk membuat "Random Post" di blog.Silahkan sobat ikuti langkah-langkah di bawah ini:
  • Login ke blogger
  • Klik Tata Letak atau Rancangan
  • Klik Edit Html
  • Copy dan Paste kode di bawah ini dan letakkan di atas </head>

script type="text/javascript"><
//<![CDATA[
var _yourBlogUrl = "
http://cyberxskyfire.blogspot.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>
  • Ganti tulisan http://cyberxskyfire.blogspot.com dengan URL blog milik sobat
  • Klik simpan
  • Kemudian tambahkan sebuah elemen laman (klik rancangan>klik elemen laman>klik add gadget atau tambah gadget>klik opsi HTML/JavaScript)
  • Copy dan Paste kode ini ke dalamnya <a href="javascript:randomPost();">View Random Post</a>
  • Simpan
  • Selamat Mencoba & Semoga Berhasil 
Sumber : Cara Pasang Random Post(menampilkan postingan secara acak)

0 Responses to “Cara Membuat "RANDOM POST" Pada Blog”

Posting Komentar