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.

COMMENTS

BLOGGER
Name

Adsense,2,featured,7,Grafis,3,HTML,16,Software,1,Tecnology,1,Template,2,Tips,14,Widget,5,
ltr
item
Designnya Zure: Cara Membuat Random Post (Surprise Me) Keren Di Blog
Cara Membuat Random Post (Surprise Me) Keren Di Blog
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRm52znKS6YX2694BIJOFVwd_RlueJmJPX5ny3UjUfogsdR5QNGjupmTL68lE-a0n2ga_ka3Y9EhqI72i4COymMmmMMJUcbHFJ2Qk5QwoJQOrlV_rZbPd0JeR4vCFIdklcVRmX3HL4tA/s1600/Random+Post.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRm52znKS6YX2694BIJOFVwd_RlueJmJPX5ny3UjUfogsdR5QNGjupmTL68lE-a0n2ga_ka3Y9EhqI72i4COymMmmMMJUcbHFJ2Qk5QwoJQOrlV_rZbPd0JeR4vCFIdklcVRmX3HL4tA/s72-c/Random+Post.jpg
Designnya Zure
https://zuredesign.blogspot.com/2017/09/cara-membuat-random-post-surprise-me-keren-di-blog.html
https://zuredesign.blogspot.com/
http://zuredesign.blogspot.com/
http://zuredesign.blogspot.com/2017/09/cara-membuat-random-post-surprise-me-keren-di-blog.html
true
8347112455103515188
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy