Related Posts Widget for Google Blogger v2.0

Options

Leave inputs empty to use defaults. more info on widget options

Blog URL A Google Blogger Blog URL without the trailing slash. Or leave empty to aggregate yours.
Mode Related posts widget or Recent posts widget
Fixed Tags? Fixed list to aggregate like ['jQuery','twitter'] - but note that tags are case-sensitive!
Max Posts Max posts to appear. For recent posts widget this option specify number of posts to return. default is 5.
Max Tags Max tags to look for on the post page. default is 5.
Posts Per Tag Max. posts to be query per tag -this option has no effect on recent posts widget. default is 5.
Show Titles? Show posts titles or not.
Show Thumbs? Show posts thumbnails or not.
Default Thumb URL Default image URL to use as thumbnail for posts that don't have one.
Thumb Size To retrieve a 72 pixel image that is cropped, you would specify 's72-c' -which is the default, while to retrieve the uncropped image, you would specify 's72'.
Other accepted cropped and uncropped sizes are:
32, 48, 64, 72, 104, 144, 150, 160.
uncropped sizes only:
94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912, 1024, 1152, 1280, 1440, 1600.
Use CSS Style? Use one these CSS styles to get started quickly
Posts Per Transition Number of links/images to show per transition. apparently should be less than max_posts. If you set this number to 0 then transitions will be disabled and links are displayed as a simple list.
Stay Time Time in milliseconds for a link to be shown.
Enter Time Entry transition time in milliseconds.
Exit Time Exit transition time in milliseconds.
Animate what? What to animate for entry transition. by default is set to 'opacity' to fade link/thumb in.
Loop Animation? Show posts thumbnails or not.
Loading Class CSS class will be set on list until widget is loaded. default is 'rpw-loading'
Related Title h3 Title to be added for related posts widget.
Recent Title h3 Title to be added for recent posts widget.
Timeout Timeout per request in milliseconds to display widget even if one of the feeds request didn't complete.
Default is 1500
Post Score Class A CSS class prefix to be used to style posts based on relevancy.
If you set this to 'related-link' and max_tags is 5 then related links can have classes like ('related-link1' to 'related-link5')
Post Pages Only? You can abort widget if current page is not a post page by setting this to 1 which is useful if you don't want widget to appear on stand-alone pages. by default this option is disabled.
Keep Query String? Any query string in the container page URL will be ignored, which is suitable to Google Blogger platform.
Widget Loading Auto-load any number of div elements with "related-posts-widget" class and place options in a HTML comment or HTML5 data attribute. Also, you can use a jQuery method call.

Demo

* for demo only, 'www.moretechtips.net' will be used if 'blog url' was empty

Notes

Javascript files -jQuery library & Widget- should be included in that order. Each file only needs to exists one time on a page regardless of how many widgets you have on that page.
You can include the Javascript files at <head> section or by the end of the page.
When setting options in HTML5 attribute, you should escape single-quotes with backslash in options values.
so, you would write 'John\'s Post' instead of 'John's Post'.
And escape double-quotes like this 'say "hi"' instead of 'say "hi"'.
If you place options in HTML comment, you should escape single-quotes as before. And put a backslash between any 2 consecutive dashes like this 'related -\- Post' instead of 'related -- Post'.
Also, If you place options in HTML comment and embed code in Blogger template, you need to escape the HTML comment like this:
```
&lt;!-- {
  max_posts:4
  ,max_tags:4
  ,...
} --&gt;
```
Plugin was also tested to work with jQuery 1.3.2, Just replace jQuery Javascript source to "https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"

Related Posts Widget for Google Blogger v2.0 - Setup

Demo 1 Demo 2 Demo 3 Demo 4

Options

Demo

Code

Notes