BlogEngine.net Featured Posts Rotator Extension using JQuery

I had this need to showcase featured posts on the front page of my blog with a large image. I did not see any extensions for BlogEngine.net that did this, so I decided to write my own. This extension uses JQuery and a JQuery plugin called InnerFade.

Back to Top

Admin

The Extension settings are pretty basic. You select if you want to add a CDN reference of the JQuery Framework to the header of your webpages or leave unchecked if you already reference JQuery in you theme. Next, you select a post you want to add an image to and hit upload.

Featured Posts Rotator Admin Screen

Back to Top

Theme SiteMaster

In your themes SiteMaster, add the following code in order for the rotator to appear on you blog. Note that if you do not add any images in the admin, the rotator control will not render to the front page.

Back to Top

style.css

Edit the style.css that is located in User controls/FeaturedPostsRotator/style.css to fit the needs of you theme.

The 1.0 version was written very quickly and may contain bugs so please report any. This extension has very basic features but I see the possibilities of adding more features to control settings in the admin in the future! Enjoy!

FeaturedPostsRotator_1.0.zip (14.59 kb)