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.
Table of Contents
Features:
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 www.blogger.com
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 < 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 = 'View Random Post'; document.getElementById('myLuckyPost').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>
Customization:
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.
Nice post.
Visit my blog too :
http://www.pokharatech.com
Thanks For Visiting…
Asalam o Alikom
Bro Plz Show Me Demo
Please Click On The Red Button To See The DEMO.
what if i want the random posts from another blog into some other blog?
Don’t Worry, We Can Also Do It. Just Shoot An E-Mail To Us, We Will Send You The Updated Code…