BEAUTIFUL RANDOM POST WITH THUMBNAIL FOR BLOGGER ADD THIS EASY

RANDOM POST WITH PHOTO ADD THIS GADGET TO YOUR BLOGGER  'Add random post gadget to your blog; it helps visitors to look at your po...

RANDOM POST WITH PHOTO ADD THIS GADGET TO YOUR BLOGGER 

'Add random post gadget to your blog; it helps visitors to look at your post. '

This random post widget more suitable for the below of your main post. Or it applies to any Html place of the sidebar of the blogger. 

How to add Random post on your blog?

It is simple to add any HTML gadget to your blogger

1. sign in blogger and click to the left side tab 'Layout'

2. Select add a Gadget

A popup window opened. and select HTML

3. Paste the HTML code and Save.

Random post HTML code 

Copy the code and paste to Html place

<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; text-transform: uppercase; padding: 0px auto 5px; } #random-posts a:hover { text-decoration: none; } .random-summary { font-size: 11px; background: none; padding: 5px; margin-right: 8px; } #random-posts li { margin-bottom: 10px; border-bottom: 1px solid #EEEEEE; padding: 4px; } </style> <ul id='random-posts'> <script type='text/javaScript'> var randomposts_number = 5; var randomposts_chars = 0; 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=\"/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]; 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) + "…"; }; 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/AVvXsEjh5jGjt1MHh9LoXuVcKQ0KZ2lcnooYtutCs1Bg8WrgJuaV9Z3oOU3m1y30M-zYc_pdgU-Gt5WlqDf-qI3ye7HGffSpWgziFF7fB_echFzx6HMDl8yX3Qft_AAJ6zQq7_8oJhA2Xt4m_wo/s1600/no_thumb.png" } } }; document.write('<li>'); document.write('<a href="' + randompostsurl + '" rel="nofollow"><img alt="' + randompoststitle + '" src="' + randompoststhumb + '"/></a>'); document.write('<div> <a href="' + randompostsurl + '" rel="nofollow">' + randompoststitle + '</a></div> '); if (randomposts_details == 'yes') { document.write('<span><div class="random-info"> ' + randomposts_date.substring(8, 10) + '.' + randomposts_date.substring(5, 7) + '.' + randomposts_date.substring(0, 4) + ' - ' + randomposts_commentsnum) + '</div> </span>' }; document.write('<br/><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=\"/feeds/posts/default?alt=json-in-script&start-index=' + randomposts_current[i] + '&max-results=1&callback=random_posts\"><\/script>') }; </script> </ul>

Custom setting of Random post

Ressize the image thumbnail
    width: 75px;
    height: 75px;

Change any of them
    var randomposts_number = 5;
    var randomposts_chars = 0;
    var randomposts_details = 'yes';
    var randomposts_comments = 'Comments';
    var randomposts_commentsd = 'Comments Disabled';
    var randomposts_current = [];

    var total_randomposts = 0;

Now view your blog.
Are like this post subscribe this blog