Header Ads

  • Breaking News

    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.




    No comments

    Post Top Ad

    Post Bottom Ad