Membuat Tombol Surprise Me di Blog

Membuat Tombol Surprise Me di Blog

Rio Ilham Hadi

20 November 2014

Membuat Random Post (Lihat Post Secara Acak) di Blog - Mungkin sobat juga ingin tahu apa fungsi dari Random Post Tersebut, Fungsi random post ini memudahkan pengunjung untuk mencari artikel, jika pengunjung bingung artikel apa yang harus di lihat, Random post ini jika di klik, akan langsung menuju artikel secara acak, atau biasa di bilang Widget Surprise Me (Kejutan)

Sobat bisa melihat Demo Random Post pada tombol dibawah ini.

Demo

Jika sobat ingin memasang Fungsi Lihat Post secara acak ini, silahkan ikuti tutorial dibawah ini.

Pertama Masukan Javascript dibawah ini tepat di atas </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> 

Kedua silahkan sobat letakan HTML dibawah ini di bagian menu wrapper blog sobat.

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

Setelah itu Simpan Template.

• Membuat Tombol Surprise Me (Lihat Post Secara Acak) di Blog

Jika ada pertanyaan atau masalah dalam memasang Random Post ini, silahkan sobat langsung menuju ke kolom komentar untuk, berkomentar tentang masalah yang sobat dapatkan ketika ingin memasang Fitur Random Post ini.

Semoga Tutorial ini Bermanfaat.

Share This