Cara Membuat Tombol Keberuntungan (Random Post) di Blog

Random Post adalah sebuah trick yang berfungsi untuk mengacak post, seperti contoh jika kita meng-klik sebuah teks yang sudah di beri Random Post kita akan pergi ke postingan secara acak, Fungsi ini cukup unik bagi kalian yang ingin memasangnya, selain menghias blog pengunjung mungkin juga dapat mengunjungi berbagai artikel di blog kalian, Tertarik untuk memasangnya ?

Untuk Demo, kalian bisa melihat nya secara live dengan meng-klik tombol demo dibawah
dan memperhatikan bagian navigasi atas lalu kliklah tombol Surprise Me dan anda akan otomatis di bawah di sebuah postingan yang dipilih secara acak

DEMO


Bagaimana ? Tertarik untuk memasangnya ? Silahkan lihat dibawah

Membuat Tombol Keberuntungan (Random Post) di Blog

1.Masuk ke akun Blogger kalian masing masing
2.Masuk ke Template lalu klik Edit HTML
3.Setelah itu cari kode </body>,lalu letakan kode dibawah ini diatas </body>

<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; 
           } 
          } 
       }
    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>

4.Setelah itu klik Save Template

Penerapan Random Post

1.Untuk penerapannya, ini sesuka hati kalian saja, untuk menerapkannya letakan saja kode dibawah ini

<li class='ranpost'><a onclick='feelingLucky();'><i/>Random Post</a></li>

2.Setelah itu tinggal kalian Save saja

Kalau saya, saya lebih memilih menempatkan di bagian Navigasi Atas

Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda