Free Blogger Widgets 2020
Home

Recent Posts Blogger Widget

Gadget which displays your recent posts from specific label or from all blogspot entries (with thumbnails or without).

With thumbnails or without thumbnails. Recent posts from specific label or from all blog entries.

Recent Posts Blogger Widget 2018
Displaying recent posts from your blog on the Blogger sidebar can help your readers to find most up-to-date posts in easyway. Below you can find Simple Recent Posts Blogger Widget with thumbnails or without thumbnails (you can choose which version you prefer). With this blogger gadget you can also show recent posts only from specific label if you want. Of course, it is also possible to choose whether you want to show other informations about each of your recent posts, like labels, author, number of comments, date of publication, post image or excerpt. In addition, you can also choose where this informations will be shown. All of these options can be easily set below. Once you set your Recent Posts Widget as you like, simply click "Add to Blogger" button at the bottom of gadget's generator, and this useful tool will be installed on your blog. You should only be logged in to your blogger account before clicking the button.

New version of the widget

Note:This version of the Latest Posts Widget is outdated and may not works properly. We recommend using a new, modern version that has many additional functionalities:

Recent Posts Blogger Widget's Settings:

Widget's title:
Number of posts: How many recent posts should the widget display? Label: To display recent posts from specific label, enter the name of the selected label, or leave the field empty to display latest posts from all blog. Value "none" also select all posts from your blog.
Titles of posts: Select the alignment for post titles. Choose "none" if you don't want to show titles at all. Title size: px This field doesn't matter when "Titles of posts" is set to "none"
Title font: This field doesn't matter when "Titles of posts" is set to "none" Posts titles color: This field doesn't matter when "Titles of posts" is set to "none"
Font of text: Text color:
Text size: px Thumbnail: If you want to display a image thumbnail near the post, select where images should be placed ("left" or "right"). Select "none" if you want to show recent posts without thumbnails.
Thumbnail size: px This field doesn't matter when "Thumbnail" is set to "none" Rounding the thumbnail: % This field doesn't matter when "Thumbnail" is set to "none"
No thumbnail: If You want to replace the image which will be displayed when one of your posts would not have it's own thumbnail, enter the url of your image to this field.
This field doesn't matter when "Thumbnail" is set to "none"
Post info: Select the alignment for the post information box. In the information box you can display author name, date of publication and number of comments. In the next fields you can check which of this informations you want to show in widget. Author: Select if the author name should be displayed in post information box. This field doesn't matter when "Post info" is set to "none"
Publication date: Select if the date of publication should be displayed in post information box. This field doesn't matter when "Post info" is set to "none" Number of comments: Select if the comment counter should be displayed in post information box. This field doesn't matter when "Post info" is set to "none"
Categories: Select the alignment for the pst labels. Excerpt length: chars If you don't want to display post excerpt at all, set this value to 0.
Show Widget Code
Widget Code:
Widget Code copied

Live preview: You can change the background of the preview to the same as it is on your blog to see how the widget will look on your site

15 comments:

  1. Anonymous25.4.18

    Great gadget, thanks for it

    ReplyDelete
  2. Angela9029.11.18

    very useful and customizable widget, i use it on all my blogs :)

    ReplyDelete
  3. SIR

    After installing one vadz, the other vadz does not work, only the first one works. Why?

    ReplyDelete
    Replies
    1. I'm sorry, you can install only one recent posts widget on your blog, because it is identified by the element ID, which can't be repeated on the page.

      Delete
  4. Random post gadget not work

    ReplyDelete
  5. It works when I copy the code but not with the 'Add to Blogger' button...

    Thanks!
    Is there a way to make a widget for the most recent post of someone else blog?
    I wish to have news from other bloggers like me displayed on my blog.

    ReplyDelete
    Replies
    1. This widget unfortunately cannot display posts from another blog's feed. Maybe in the future I will rework it so that it is possible. But for now you can use for it the default Blogger gadget to display rss feeds. To do it, choose widget named "Feed" from the blogger gadget's list, and in the field "Feed URL" paste a link like this:

      https://BLOG-NAME.blogspot.com/feeds/posts/summary

      and change "BLOG-NAME" to a link to the blog of your choice. In this way you can show recent posts from another blog.

      Delete
    2. Or you can also use "Blog List" widget to display most recent posts from several selected blogs.

      Delete
  6. Hi, how to remove those dots on this Recent Post Widget? I also add the code on random post and works. But when I add the code on Recent Post, it doesn't work.

    style #np7v0szqx3qwpoaix pbprandompost{border-bottom:none} /style

    ReplyDelete
    Replies
    1. Yes, the Recent posts widget styling is a little different than Random posts widget. Paste this just above the widget code:

      <style>#gtb8xizqx3qwpoaix pbprecentpost{border-bottom:none}</style>

      Delete
  7. when i am giving post-title in two colors, it doesnot show in my recent post widget?? why please help me

    ReplyDelete
    Replies
    1. The widget loads plain title text from the blog feed, unfortunately it is not possible to load the inline styles from the post title

      Delete
  8. Sir how to remove boder Dot line. In recent post wetget

    ReplyDelete
  9. I use this code for remove doted line

    I used Your removal code from comment.

    So all doted line removed but one doted line is available.
    Please help
    How to remove doted line property

    ReplyDelete
    Replies
    1. Paste this style just above the widget code:

      <style>#gtb8xizqx3qwpoaix{border-top:none} #gtb8xizqx3qwpoaix pbprecentpost{border-bottom:none;}</style>

      Delete

Home