• Senin, Oktober 11, 2010
  • Administrator
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://blogdalimunthe.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>



=> 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 :)


Related Posts:

  • MEMASANG HITS COUNTER (1)Memasang Hits Counter dari EasyTrafficCounter.Com Apa anda masih ingat artikel saya tentang membuat widget feedcounter, sebuah layanan dari feedburner berupa hits counter. Dengan memasang hits counter pada blog anda dapat … Read More
  • CARA MEMBUAT FORM CONTACT US 2Setelah, pada artikel sebelumnya, saya menjelaskan cara membuat form Contact Us melalui Kontactr.com, sekarang saya akan menjelaskan bagaimana membuat form ini dari Bravenet.com. Untuk membuat Contact Form ini kita perlu … Read More
  • CARA MEMBUAT KOLOM BERLANGGANAN EMAIL DI BLOGSPOTDengan menggunakan fasilitas Email Subscriptions dari FeedBurner, anda dapat men-share artikel dari blog anda kepada orang lain via email. Sehingga setiap ada artikel atau posting baru akan dikirimkan pada mereka yang sud… Read More
  • CARA MEMBUAT BANNER LINK EXCHANGE DI BLOGSalah satu cara untuk meningkatkan traffic pengunjung blog adalah dengan bertukar link. Ada 2 tipe link yang biasanya digunakan oleh para blogger, yaitu text link dan banner link. Text link berupa text yang mewakili nama b… Read More
  • CARA MEMBUAT AUTOMATIC READMOREBeberapa waktu yang lalu, salah satu rekan saya yang menggunakan template bikinan saya, meminta saya agar dibuatkan automatic read more pada template yang dia gunakan. Untuk memuaskan ‘pelanggan’, maka saya pun mencari ‘il… Read More

BTemplates.com

Categories

Kamera CCTV Palembang

Popular Posts

Blog Archive