Free Blogger Widgets 2020
Home

Related Posts Blogger Widget

A very useful widget that will display the most similar related posts from your blog with every one of your posts.

How to show Related Posts Plugin on Blogger

Related Posts Blogger Gadget
Related Posts Gadget, also called "You Can Also Like Widget" or "See Also Widget", is used to display entries similar to the one someone is currently viewing. On the internet you can find many Blogger widgets of this type, they rely on the display of random posts from those marked with one same label as the currently viewed post. Installing them always requires rummage in the Blogger html template. However, this one Related Posts Widget for Blogger is different! It displays posts most similar to the current one. The similarity is calculated based on the number of same labels and words contained in the titles of the posts. It also does not require changing the html template. To install it, just click the Install button below. Of course, before you install, you can set many options according to your preferences and see the appearance settings in the live preview (just like all our other blogger plugins). However, if you would like to show Related Posts Gadget in a place other than the sidebar, for example directly below your entry, then of course you can add it to the posts loop in your template (in this case it would be a good idea to set the display option to the horizontal position). So let's work - design your widget and install it on your blog😉

Related Posts Blogger Widget's Settings:

Gadget's title:
Enter the widget's title.
Number of posts:
How many related posts should be loaded?
Title importance:
%
The similarity of posts is calculated based on their labels and titles. Here you can set how much percentage of post titles will have in relation to labels. At a value of 0, titles will not be taken into account at all and the similarity will be calculated only based on the number of same labels. At 100, only post titles will be included and labels will be skipped.
Display:
Choose whether to display posts vertically (the option most often chosen to display related posts in the sidebar) or horizontally (if you want to paste the widget code into the html template and display related posts directly under your entry).
Box width:
Set width for each post box.
Background:
Set the background for related post box.
Border width:
px
Set to 0 if you don't want to display the border at all.
Border color:
Set the border color.
Border radius:
Set the border radius.
Box shadow:
ON
Choose whether the post box should cast a shadow.
Show image:
Where to display the post thumbnail?
Image height:
px
Set thumbnail's height.
Show title:
Where to display the post title?
Title font:
Set font family for post titles.
Title size:
px
Set font size for post titles.
Title color:
Set text color for post titles.
Text font:
Set font family for all texts without titles.
Text size:
px
Set font size for all texts without titles.
Text color:
Set text color for all texts without titles.
Show info:
Where to display post meta data like author, comments, publish date or percentage similarity to current post?
Post info:
Check which meta informations about each of the related posts should be displayed in the info box.
Show labels:
Where to display post labels?
Excerpt length:
chars
Set the length of the post snippet.
Widget Code:
Widget Code copied

Live preview:

If you want to display related posts directly below the current post instead of the sidebar, follow these steps:
  1. Copy the above Widget Code.
  2. Go to your Blogger dashboard, next to the Theme tab, and click Edit HTML.
  3. In your html template, find the line <data:post.body/>
  4. Paste the Widget Code just under this line.
  5. Click Save theme and that's all - the Related Posts Widget has been installed on your Blogger🙂
If after completing these steps the plugin does not display, find in your template all the repeats of the <data:post.body/> line and paste the widget code under each of them. If there are any other problems, let us know in the comment and we will definitely solve them.

6 comments:

  1. Shoaib Rahaman8.7.20

    thanks for that

    ReplyDelete
  2. Balloon26.8.20

    Great work my friend! :-)

    ReplyDelete
  3. Viral Sach1.11.20

    why my two color post title is not showing in blogger widget;s post title links ..

    ReplyDelete
    Replies
    1. ProBloggerPlugins8.11.20

      Widget loads post data from blog feed where post titles are available as plain text, inline styles are not available in loaded post titles

      Delete
  4. www.x-plorasi.com5.1.21

    how to change "no image " thumbnail?

    ReplyDelete
    Replies
    1. ProBloggerPlugins5.1.21

      Sorry, this option is currently unavailable in this widget. When I have some time, I will add this possibility.

      Delete

Subscribe to: Post Comments (Atom)
Home

Free Blogger Gadgets 2020