Display Random Post

Jika anda memiliki banyak artikel di blog anda, dan berharap setiap artikel tersebut dibaca oleh pengunjung, ada baiknya anda memasang Display Random Post sehingga jika pembaca menekan link Random Post, maka mereka akan dibawa menuju sebuah artikel secara acak pada blog anda.

Caranya adalah masukkan kode di bawah ini pada bagian Template anda. Buka Dashboard kemudian Template dilanjutkan dengan Edit HTML. Letakkan kode ini persis sebelum tag </head>

<script type='text/javascript'>
//<![CDATA[

function showLucky(root){
    var feed = root.feed;
    var entries = feed.entry || [];
    var entry = feed.entry[0];
      for (var j = 0; j < entry.link.length; ++j) {
      if (entry.link[j].rel == "alternate") {
        window.location = entry.link[j].href + "#random";
      }
    }
   }

function fetchLuck(luck){
    script = document.createElement('script');
    script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
    }
function readLucky(root){
    var feed = root.feed;
    var total = parseInt(feed.openSearch$totalResults.$t,10);
    var luckyNumber = Math.floor(Math.random()*total);
    luckyNumber++;
    fetchLuck(luckyNumber);
    }
function feelingLucky(){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readLucky';
    document.getElementsByTagName('head')[0].appendChild(script);
    }

//]]>
</script>

Kemudian masukkan kode di bawah ini pada blog anda.

<a href="javascript:feelingLucky();">View Random Post</a>

Atau jika ingin tampilan tombol button, anda bisa memasukkan kode ini:

<input type="button" onclick="feelingLucky();" value="View Random Post"/>

Hasilnya adalah sebagai berikut, anda bisa mencobanya sendiri:

View Random Post



Sumber: Purplemoggy