A new edition of my jQuery plugin -Related Posts widget for Google Blogger- that is loaded with pretty new features like posts thumbnails and transition effects..
Displaying related posts is a smart way for keeping your site visitors around and with thumbnails it is even smarter!
Check out this easy setup wizard for demos and code generation. Also, to have code copied to your Blogger blog!
Few Notes
- Code consists of 2 important parts
- Including CSS and Javascript files (jQuery library & widget 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.
- Placing the container DIV where you want widget to appear, setting class attribute as "related-posts-widget" to have widget automatically loaded! And setting widget options either in an inner HTML comment or in a HTML5 attribute 'data-options'.
- Although previous parts are all you need, You can still call widget at document-ready on a HTML element identified by some selector and pass options in the method call.
- Plugin was also tested to work with jQuery v1.3.2 and v1.2.6, Just replace jQuery Javascript source to "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
Or "http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"
- Post thumbnail is usually the first image you insert in the post and it is automatically extracted by Google Blogger and that image must be uploaded to PicsaWeb - directly or through Blogger post editor.
- Including CSS and Javascript files (jQuery library & widget 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.
- Placing the container DIV where you want widget to appear, setting class attribute as "related-posts-widget" to have widget automatically loaded! And setting widget options either in an inner HTML comment or in a HTML5 attribute 'data-options'.
- Although previous parts are all you need, You can still call widget at document-ready on a HTML element identified by some selector and pass options in the method call.
Or "http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"

