Random Post

Random Post yang akan pilih satu entri secara rawak dan terus bawa pembaca ke artikel tersebut.

🎲 Baca Artikel Rawak

<a href="#" onclick="randomPost(); return false;">

  🎲 Baca Artikel Rawak

</a>

<script>

function randomPost() {

  fetch('/feeds/posts/default?alt=json&max-results=500')

    .then(response => response.json())

    .then(data => {

      var posts = data.feed.entry;

      var random = Math.floor(Math.random() * posts.length);

      var link = posts[random].link.find(function(l) {

        return l.rel === 'alternate';

      });

      window.location.href = link.href;

    })

    .catch(function(error) {

      alert('Maaf, artikel rawak tidak dapat dibuka.');

    });

}

</script>

Versi butang cantik

<button onclick="randomPost()" style="

  background:#000;

  color:#fff;

  border:none;

  padding:12px 20px;

  border-radius:8px;

  cursor:pointer;

  font-size:15px;

  font-weight:bold;

">

  🎲 Random Post

</button>

<script>

function randomPost() {

  fetch('/feeds/posts/default?alt=json&max-results=500')

    .then(response => response.json())

    .then(data => {

      var posts = data.feed.entry;

      var randomPost = posts[Math.floor(Math.random() * posts.length)];

      var postLink = randomPost.link.find(function(link) {

        return link.rel === 'alternate';

      });

      window.location.href = postLink.href;

    });

}

</script>

Cara guna: Letakkan kod ini dalam HTML/JavaScript Gadget Blogger. Apabila pembaca klik 🎲 Random Post, mereka akan dibawa ke salah satu entri blog secara rawak.

Link untuk diletakkan dalam Navbar Blogger,

<a href="javascript:randomPost();">🎲 Random Post</a>

Atau

<a href="#" onclick="randomPost(); return false;">🎲 Random Post</a>