Recent Blog Posts widget of Orchard CMS works really good and the layout customization of a blog post is a piece of cake with placement.info. But maybe you need to have different layouts for recent blog posts widgets or maybe you want to share your blog posts to other sites. With this jQuery script, you can do it!

First of all, you need jQuery installed to your site or to the site that you will share your blog posts. I didn’t write any CSS so if you want to see the same results as me, you need Bootstrap 3 installed too.

You can try my theme if you want, that has jQuery and Bootstrap 3.

Installation:

• The post container must have an id, feed.
• Change the value of the variable blogRssUrl, with your blog RSS URL.
• Change the value of the variable numberOfPosts, with the number of posts you would like to appear.
• Call the script file after the jQuery.

You can get the code and see it running in my CodePen.