Blogger random post with thumbnail widget

00:56

Merbin Joe

The following code are grab from online-html-tools.blogspot.com Random post generator, here you can generate your own widget, in my sense I generate some code and show it for your blogger.

Try Blogger Random Post Generator

Styles
In the following style we are using the allinworld99.blogspot.com, but you should need to change the blogger URL to yours. See the random post image, if you like just double click on the image below code and ctrl+c and paste it to "Add gadget" option.

Normal Random Post


<div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 12px; color: #; text-decoration: underline; font-family: none; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 10px; color: #; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: #; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; background: -moz-linear-gradient(top, # 0%, # 0%, # 0%, # 0%); background: -webkit-linear-gradient(top, # 0%, # 0%, # 0%, # 0%); background: -o-linear-gradient(top, # 0%, # 0%, # 0%, # 0%); background: -ms-linear-gradient(top, # 0%, # 0%, # 0%, # 0%); background: linear-gradient(to bottom, # 0%, # 0%, # 0%, # 0%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#', endColorstr='#',GradientType=0 ); } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="""" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info"><div class="random-comment">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum + '</div>')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Exus Font Theme

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Rancho&effect=canvas-print'> <div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 24px; color: rgb(0, 0, 255);; text-decoration: underline; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 13px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="font-effect-canvas-print" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info"><div class="random-comment">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum + '</div>')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Fired Bold Theme

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Rancho&effect=fire'> <div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 18px; color: rgb(0, 0, 255);; text-decoration: underline; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 13px; color: #3029FF; text-decoration: none; font-family: 'Arial Black', Gadget, sans-serif; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="font-effect-fire" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info"><div class="random-comment">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum + '</div>')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Head Rot Theme

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Rancho&effect=wallpaper'> <style> .title_rotator { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } .title_rotator:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } </style> <div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 18px; color: #FF1F4B; text-decoration: underline; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 12px; color: #FFB185; text-decoration: none; font-family: 'Arial Black', Gadget, sans-serif; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="font-effect-wallpaper title_rotator" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info"><div class="random-comment">' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum + '</div>')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Blink Color Random

<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Rancho&effect=wallpaper'> <style> .title_rotator { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } .title_rotator:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } </style> <style> .title_blink_me { -webkit-animation-name: title_blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: title_blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: title_blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes title_blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @-webkit-keyframes title_blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } @keyframes title_blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } </style> <div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 18px; color: #FF1F4B; text-decoration: underline; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 12px; color: #FFB185; text-decoration: none; font-family: 'Arial Black', Gadget, sans-serif; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; background: -moz-linear-gradient(top, #96FF9A 100%, #FFFFFF 0%, #FFFFFF 0%, #FFFFFF 0%); background: -webkit-linear-gradient(top, #96FF9A 100%, #FFFFFF 0%, #FFFFFF 0%, #FFFFFF 0%); background: -o-linear-gradient(top, #96FF9A 100%, #FFFFFF 0%, #FFFFFF 0%, #FFFFFF 0%); background: -ms-linear-gradient(top, #96FF9A 100%, #FFFFFF 0%, #FFFFFF 0%, #FFFFFF 0%); background: linear-gradient(to bottom, #96FF9A 100%, #FFFFFF 0%, #FFFFFF 0%, #FFFFFF 0%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96FF9A', endColorstr='#FFFFFF',GradientType=0 ); } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="font-effect-wallpaper title_rotator title_blink_me" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info">')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Gradient Random Post

<style> .title_rotator { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } .title_rotator:hover { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } </style> <div id='style_div'><style> #random-posts img { border-radius: 10px; float: left; margin-right: 5px; width: 75px; height: 75px; background-color: #F5F5F5; padding: 3px; transition: all 0.2s linear 0s; } #random-posts img:hover { opacity: 0.6; } ul#random-posts { list-style-type: none; padding: 0px; } #random-posts a { font-size: 18px; color: #C21515; text-decoration: underline; font-family: 'Trebuchet MS', Helvetica, sans-serif; text-transform: capitalize; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } ul#random-posts li div:first-child { margin-top: 0px; } .random-summary { font-size: 12px; color: #FF6738; text-decoration: none; font-family: 'Arial Black', Gadget, sans-serif; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } .random-comment { font-size: 10px; color: rgb(0, 0, 0);; text-decoration: none; font-family: none; text-transform: capitalize; background: none; padding: 5px; margin-right: 8px; margin-top: 0px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; background: -moz-linear-gradient(top, #FF1CA4 25%, #FF70C1 50%, #FFB3E8 75%, #FFB8F8 14%); background: -webkit-linear-gradient(top, #FF1CA4 25%, #FF70C1 50%, #FFB3E8 75%, #FFB8F8 14%); background: -o-linear-gradient(top, #FF1CA4 25%, #FF70C1 50%, #FFB3E8 75%, #FFB8F8 14%); background: -ms-linear-gradient(top, #FF1CA4 25%, #FF70C1 50%, #FFB3E8 75%, #FFB8F8 14%); background: linear-gradient(to bottom, #FF1CA4 25%, #FF70C1 50%, #FFB3E8 75%, #FFB8F8 14%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF1CA4', endColorstr='#FFB8F8',GradientType=0 ); } </style> </div><ul id='random-posts'><script>var randomposts_number = 5; var randomposts_chars = 110; var randomposts_details = 'yes'; var randomposts_comments = 'Comments'; var randomposts_commentsd = 'Comments Disabled'; var randomposts_current = []; var total_randomposts = 0; var randomposts_current = new Array(randomposts_number); function randomposts(json) { total_randomposts = json.feed.openSearch$totalResults.$t } document.write('<script type=\'text/javascript\' src=\'http://allinworld99.blogspot.in/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\'><\/script>'); function getvalue() { for (var i = 0; i < randomposts_number; i++) { var found = false; var rndValue = get_random(); for (var j = 0; j < randomposts_current.length; j++) { if (randomposts_current[j] == rndValue) { found = true; break } }; if (found) { i-- } else { randomposts_current[i] = rndValue } } }; function get_random() { var ranNum = 1 + Math.round(Math.random() * (total_randomposts - 1)); return ranNum }; </script> <script type='text/javaScript'> function random_posts(json) { for (var i = 0; i < randomposts_number; i++) { var entry = json.feed.entry[i]; if (typeof entry === 'undefined'){return false;} var randompoststitle = entry.title.$t; if ('content' in entry) { var randompostsnippet = entry.content.$t } else { if ('summary' in entry) { var randompostsnippet = entry.summary.$t } else { var randompostsnippet = ""; } }; randompostsnippet = randompostsnippet.replace(/<[^>]*>/g, ""); if (randompostsnippet.length < randomposts_chars) { var randomposts_snippet = randompostsnippet } else { randompostsnippet = randompostsnippet.substring(0, randomposts_chars); var whitespace = randompostsnippet.lastIndexOf(" "); randomposts_snippet = randompostsnippet.substring(0, whitespace) + "&#133;"; }; for (var j = 0; j < entry.link.length; j++) { if ('thr$total' in entry) { var randomposts_commentsnum = entry.thr$total.$t + ' ' + randomposts_comments } else { randomposts_commentsnum = randomposts_commentsd }; if (entry.link[j].rel == 'alternate') { var randompostsurl = entry.link[j].href; var randomposts_date = entry.published.$t; if ('media$thumbnail' in entry) { var randompoststhumb = entry.media$thumbnail.url } else { randompoststhumb = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinL9FuzDldqV6ca2tGzKZI8FpVaQoZYNRWqSDBqLb1sAwTMKfWX-FkpdSzsL8JtbVPiPxDSyESezLwjNRShLQq_uZK0WxIYHECNqqReCVssrmhZ3dGI-yTo2IOYNCaxK0C6fcG7uAs2Ok/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div><a class="title_rotator" href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div>'); if (randomposts_details == 'yes') { document.write('<span><div class="random-info">')+'<\/div><\/span>' }; document.write('<div class="random-summary">' + randomposts_snippet + '</div><div style="clear:both"></div></li>') } }; getvalue(); for (var i = 0; i < randomposts_number; i++) { document.write("<script type='text\/javascript' src='http://allinworld99.blogspot.in\/feeds\/posts\/default?alt=json-in-script&start-index=" + randomposts_current[i] + "&max-results=1&callback=random_posts'><\/script>")}; </script> </ul>

Note:
Go to the Link to Generate your own Random post Widget styles. Allinworld99.blogspot.com only have permission to publish the Generated code. you can use the code to your blogger only.