How to Add Random Post Button Widget in Blogger Website

Hello Friends, Welcome to the Mironiyar Facebook tutorial. If you want to know, How to Add Random Post Button Widget in Blogger Website... Then you have come to the right place.
Today I will show you How to Add Random Post Button Widget in Blogger Website.

How to Add Random Post Button Widget in Blogger Website

How to Add Random Post Button Widget in Blogger Website

Read more :

How to Add Random Post Button Widget in Blogger Website in 6 steps

Step 1: First, copy the full code of 'Random Post Button' from the code box below.

Step 2: Then you have to go to the dashboard of the blogger website.

Step 3: You need to enter the layout option of the desboard.

Step 4: Then click on 'Add a Gadget' and

Then click on 'HTML / JavaScript' in position 4.

Step 5: Now you need to paste the copied code below the Content of 'Configure HTML / JavaScript'.

Step 6: Click on the Save button to finish the process.

How to Add Random Post Button Widget code


<style>

#mironiyar-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px}

#mironiyar-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px}

#mironiyar-random a{color: #fff;}

</style>

<center><div id="mironiyar-random"></div></center>

<script type="text/javascript">

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 feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('mironiyar-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">

</script>

Random Post Button Widge FAQ

FAQ 1 : How to show random post in blogger?

You can see that there is a tutorial on Random Post on our website,

FAQ 2 : How do I add a button to my blogger post?

You can see that there is a tutorial on Random Post on our website,

FAQ 3 : How do I add a random post to Blogger?

You can see that there is a tutorial on Random Post on our website,

We hope you enjoy this tutorial. If you have any problems with this tutorial, please comment.

1 Comments

Hay, Please do not enter any spam link in the Comment Box...

Post a Comment
Previous Post Next Post