Cara Membuat "Random Post" Di Blog

Tutorial 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 akoe jelaskan dan mungkin bisa membantu khususnya bagi sobat yang masih pemula dalam dunia blog.

Dan langsung saja akoe 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://bestmechanic.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://bestmechanic.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

Semoga postingan ini bermanfaat bagi Anda, Namun sebelum Anda beranjak dari postingan ini, saya sangat senang sekali jika Anda bersedia meluangkan sedikit waktu untuk men-share postingan ini kepada teman-teman Anda dan memberikan G + 1. Dengan demikian, Anda membagi manfaat dari postingan ini yang akan dibaca oleh teman-teman, sahabat atau orang terdekat Anda yang membutuhkannya.

Tweet