20 November 2014

Membuat Tombol Surprise Me di Blog

Lihat Post Secara Acak (Random Post)

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.


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.
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic