2011/10/21

Blogger Trick : Memasang Random Post

Blogger Trick : Memasang Random Post -

Traffic
Meningkatkan Traffic Blog : Random post
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 tutorial yang digunakan/ditemukan masih menggunakan bahasa inggris (ada beberapa yang saya temukan sudah berbahasa indonesia). Agar tidak membuat kawan-kawan kecewa saya tulis tutorial memasang random post nya secara singkat saja.

Pengerjaan :
Langkah Pertama
1.Klik Template - Edit HTML  [Jangan lupa lakukan back-up template] :)

2. Copy-paste kode dibawah ini biasanya atas tag </head>
<script type="text/javascript">
//<![CDATA[
var _yourBlogUrl = "http://www.idlohulhaq.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>

Catatan: Jangan lupa ganti warna merah diatas dengan nama blog kamu, jika sudah jangan lupa disimpan
Langkah Kedua

Tambahkan sebuah Element halaman - HTML/Javascript
<a href="javascript:randomPost();">View Random Post</a>

Jangan lupa disimpan dan lihat hasilnya

--edited 24 April 2012-- 
Catatan : yang muncul nantinya bukan deretan link/tautan yang berbaris kebawah tapi sebuah link yang akan menuju ke RSS Subcriber karena script ini masih belum sempurna, Trim's

Sumber : http://purplemoggy.blogspot.com/

Tinggalkan komentar dan ikutan mejeng di Recent Comments.
- Komentar dimoderasi untuk mencegah komentar spam dan double post. Jadi komentar tidak akan langsung muncul.
- Daftarkan nama di profil blogger agar tidak tampil Unknown.
- Jangan pernah menuliskan no. HP maupun e-mail, komentar akan dihapus/tidak di publikasikan demi keamanan anda sendiri.
- Lihat halaman kontak untuk berkomunikasi secara intens dengan penulis artikel.
Kamus EmoticonSembunyikan