Cara Membuat Random Post (Surprise Me) Keren Di Blog

Cara Membuat Random Post (Surprise Me Keren) Di Blog   - Kali ini Saya akan memberikan sebuah tutorial Cara untuk membuat Random Post  y...

Cara Membuat Random Post (Surprise Me Keren) Di Blog - Kali ini Saya akan memberikan sebuah tutorial Cara untuk membuat Random Post yang Emejing~. Tutorial ini saya berikan karena, Selain dari tampilannya yang Keren, Script dari tutorial ini juga ringan, jadi blog kalian tidak akan menjadi lebih lambat setelah memasang Widget Random Post / Surprise Me ini.

Random Post / Surprise Me Kali ini adalah sebuah Widget yang bila diklik maka akan terhubung ke Artikel secara acak yang ada diblog tersebut. Dengan menggunakan Gambar sebagai Media Surprise Me, Pengunjung akan merasa tertarik dan mengklik Gambar tersebut.

Tertarik untuk memasang Widget ini ? Kenapa tidak dicoba Saja~

Cara Membuat Random Post (Surprise Me) Keren di Blog :

1. Masuklah Ke Blogger > Template > Edit Template dan carilah Code </body > , Setelah itu Copy code dibawah ini.

 <script type='text/javascript'>
//<![CDATA[
function showRandom(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 fetchPost(Post){
    script = document.createElement('script');
    script.src = '/feeds/posts/summary?start-index='+Post+'&max-results=1&alt=json-in-script&callback=showRandom';
    script.type = 'text/javascript';
    document.getElementsByTagName('head')[0].appendChild(script);
   }
function readRandom(root){
    var feed = root.feed;
    var total = parseInt(feed.openSearch$totalResults.$t,10);
    var RandomNumber = Math.floor(Math.random()*total);
    RandomNumber++;
    fetchPost(RandomNumber);
    }
function RandomPost(){
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=readRandom';
    document.getElementsByTagName('head')[0].appendChild(script);
    }
//]]>
</script>

dan Pastekanlah codenya tepat diatas </body>
2. Klik Simpan Template
3. Masuklah ke Tata Letak > Tambahkan Gadget pada Bagian Sidebar > HTML/JavaScript
> Masukkanlah code dibawah ini pada bagian Konten dari Gadget.

<a class='ranpost' onclick='RandomPost();'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZdA7YcWvVdhV6PAxOIbTLpjc5j8BWlm-MqEPcSnUkZ76At5iK5H_UJdnoZRLB2rWIHFxkYjGqJd2_vjpBopK2LMcllDoTOvP3myyv99CqoxC5L4oXykkl5Im3wrqzU7ckhc2tAb6pmSQG/s1600/random-post-link.png" /></a>

4. Dan Terakhir Klik Simpan dan Silahkan di Test apakah berhasil atau tidak.

Nah sekian dari Tutorial Cara Membuat Random Post (Surprise Me) Keren Di Blog Saya, Bila ada kesalahan atau kalian bingung silahkan corat-coret dibagian kolom komentar. Sekian dan Terima Kasih.