If you are looking for a related post widget inserted at the end of every post kindly read this separate post : How to Add Related Post Widget for Below Each Post in Blogger
Update as of June 15, 2016 : Style codes were tweak.
Update as of October 15, 2015 : Javascript codes were tweak.
Step 1. Paste Code 1.0 on your HTML/Javascript Widget
Notes :
- codes in blue, CSS codes you always customize.
- codes in orange, change the number 9 to the number of posts you'd like to display
- codes in neon green, change it to your preferred image just in case the widget can't retrieve any photo on a post.
- codes in blue, CSS codes you always customize.
- codes in orange, change the number 9 to the number of posts you'd like to display
- codes in neon green, change it to your preferred image just in case the widget can't retrieve any photo on a post.
Code 1.0
<style>#random-posts img {border-radius: 10%; width: 80px; margin: 0px 5px;}#random-posts ul {display: inline-flex;list-style-type: none;font-size: 11px; font-family: arvo;text-align: center; }#random-posts a,#random-posts a:visited{color: grey; text-decoration: none;}#random-posts a:hover {color: darkorange; text-decoration: none;}#random-posts li {width: 100px; }</style><div id='random-posts'><ul><script type='text/javaScript'>var rdp_numposts=9;var rdp_snippet_length=0;var rdp_info='yes';var rdp_comment='';var rdp_disable='';var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};</script><script type='text/javaScript'>function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHWb-9d-f9__yWWVlk6_hEeq4vzifL1Kdv-K1WISThPJrEpcdlZoREbZtDDeFm3Ovcus4ClmkL7o9ZWoKCzFwZx5IU_quibOyaDo6ryFmG2c0phrHaCari3s_l-m561y_U3Mk64zBABOD/s300-no/Muffet.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script>
<style>#random-posts img {border-radius: 10%; width: 80px; margin: 0px 5px;}#random-posts ul {display: inline-flex;list-style-type: none;font-size: 11px; font-family: arvo;text-align: center; }#random-posts a,#random-posts a:visited{color: grey; text-decoration: none;}#random-posts a:hover {color: darkorange; text-decoration: none;}#random-posts li {width: 100px; }</style><div id='random-posts'><ul><script type='text/javaScript'>var rdp_numposts=9;var rdp_snippet_length=0;var rdp_info='yes';var rdp_comment='';var rdp_disable='';var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};</script><script type='text/javaScript'>function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikHWb-9d-f9__yWWVlk6_hEeq4vzifL1Kdv-K1WISThPJrEpcdlZoREbZtDDeFm3Ovcus4ClmkL7o9ZWoKCzFwZx5IU_quibOyaDo6ryFmG2c0phrHaCari3s_l-m561y_U3Mk64zBABOD/s300-no/Muffet.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};</script>
Preview
Thank you so much for the visit, please don't forget to like the blog on Facebook - a single like gives me motivation :P . For any concerns please relay it to me via comment with the detailed concern. Happy blogging!