Advanced Random posts widget for Blogger with image thumbnails and snippets


When your blog has too many posts, visitors don't always have the time or desire to go through all the posts written there in order to make an idea of the blog's content. Thus, a random posts widget that will allow visitors to find content more easily could be really useful. This tutorial will show you how to add a random posts widget to display a list of posts in a random order with thumbnails and excerpts.


Adding Random Posts with Thumbnails and Posts Summary on Blogger

Step 1 - Login to your blogger account, select your blog and go to Layout → Click on Add a Gadget
Step 2 - Select HTML/Javascript 
Step 3 - Copy the Code Bellow and Paste it Inside the Empty Box




- Thumbnail dimensions: To change the size of thimbnails - replace 75px
- Summary length: you can control the the length of the summary (in characters) by changing the 
- Post Info: if you want to hide the post date and comment count change 'yes' from var randomposts_details='yes'; to 'no'
- Font Size for Posts Titles and Summary: to modify the font size for the post snippet modify the 11px  value and for the posts title, the 12px value



Click on the Save button and view your blog. The sidebar will display a random posts widget on each of your blog pages.




Mix-R
Mix-R

"Myths, legends and stories are the signposts previous generations have left us so we don’t have to figure out our own personal journey in solitude!"

Disqus CommentsLoadHide