Minggu, 12 Februari 2017

Cara Membuat Tombol Surprise Me / Random Post di Blog


Malam Sobat Vetizens, setelah beberapa hari tidak membuat tutorial maka kali ini saya akan membuat tutorial tentang Cara Membuat Tombol Surprise Me / Random Post di Blog. Tombol ini cocok untuk kalian yang ingin membuat fansub/fanshare. jika ingin membuat anime acak atau lainnya tapi buat blog ber jenis lain juga bisa kok jadi jangan kecewa :D. Okelah langsung dibahas saja daripada kelamaan.

1. Login Blogger Kalian.

2. Blogger Kalian > Template > Edit HTML.

3. Lalu Pastekan script dibawah ini dibawah <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 Save Template kalian.

5. Lalu tempatkan link di bawah ini di widget atau menu sobat
<a href="#" onclick="feelingLucky();">Random</a>

6. Save lalu Lihat Hasilnya.

Sebenarnya kalian juga bisa mengkreasikannya agar lebih bagus atau sebagainya. Sekian untuk tutorial kali ini semoga bermanfaat untuk kalian semua :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Load disqus comments

0 komentar