Create a Link to Randomly view Posts

This tutorial will help you build or create a link and give a random posts when clicked. I think it will help most  if your blog is for "entertainment" like this one.

Click me for Demo

First. So let's start by going from Dashboard > Template > Edit HTML then find  </head> and paste this code above it.

<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>
Second. Then include the short script, ignore if you have it already.

 <script src='http://code.jquery.com/jquery-latest.js'/>

Lastly. You can post this link anywhere you want as long as it appears. :P

 <a href='#random' onclick='feelingLucky()' title='Random Post'>Random Posts</a>

 Replaced the blue words as you desire.


Bonus. Actually you can assign a keyboard event that will "click" the link when pressed.

  <script type='text/javascript'> window.onload = function() { document.onkeyup = function(event) { var kGo = (!event) ? window.event : event; switch(kGo.keyCode) { case 17: $('#randomp').click(); break; } }; }; </script>
Paste the code above the </body> tag, then change the link to this,

<a href='#random' id='randomp' onclick='feelingLucky()' title='Random Post'>Random Posts</a>

When you press CTRL on keyboard, it will give you the random posts. List of keyboard events here.
Change the "17" in the script to your own keyboard value.
That's it!