Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.

Monday, January 21, 2013

How To Add "Random Post" Button On Blogger Blog?

This Article Was Live On: Monday, January 21, 2013 And Till Now Have6 comments.
How To Add "Random Post" Button On Blogger Blog?

Today Is The Question Of "How To Add "Random Post" Button On Blog To View "Random Post" To Your Visitor And And Decrease Bounce Rate By Engaging The Visitor Into Your Awesome Articles." The Ans Is Simple And Worthy. Use The Following Code. A simple way to display arbitrary posts from your blog's archives is called random post of your blog. This widget comes with loads of customizable options which can be easily configured using the hints found later. This is using the Blogger API. That gadget failed unexpectedly sometimes due very large iFrame URLs and the browser's incapability to render them. So I tweaked and converted it into a purely json based widget with no chance of that kind of failure occurring.

You can attract your visitor to open your articles again and again but every time random  for this purpose you add Random Post Gadget, Latest Post Gadget, Related Post Gadgets but these all have limits and on every page, these have same data so instead of this use the below button that will safe your webpage space also and provide random post on every click from that your visitor will stuck into your template and you will get reward in the style of Decreased Bounce Rate and Increase PageViews as well as Time On Site, Global Rank etc...
So it's up-to you that how you attract your visitor to click on this link to get rewards by customizing it with more css. We are providing simple code so you can do anything.. Without any more preface just have a look on our live DEMO and by going through the features list and tutorial steps, Get the code below and customized it with your style.


1.) Simple Style.
2.) Cross-Browser Support.
3.) Simple JavaScript Code.
4.) Quick To Load And Easy To Customize.
5.) Fully Customizable.
6.) Click On Text To See The Random Post.
7.) Increase The PageViews And Decrease The Bounce Rate.
8.) Best For SEO.

How To Add In Blogspot?

1.) Go To Your
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

<div id="myLuckyPost"></div><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 <; ++j){if ([j].rel == 'alternate'){window.location =[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 = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>


1.) Change View Random Post With Your Desire To Attract Visitors Like "Post Open By The Previous Visitor" Or "The Most Loaded Post By Visitor" Or "Now Trending" etc...
2.) Add Some Stylish CSS To myLuckyPost DIV To Make It More Attractive.
3.) Save And Done.

You Like It, Please Share This Article Using...

Don't Forget To Read This Also...


  1. Nice post.

    Visit my blog too :

  2. Replies
    1. Please Click On The Red Button To See The DEMO.

  3. what if i want the random posts from another blog into some other blog?

    1. Don't Worry, We Can Also Do It. Just Shoot An E-Mail To Us, We Will Send You The Updated Code...


Speak Your Mind:

Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.