As you know, jQuery image galleries and sliders are very popular these days and found on many many websites, including those ones based on DNN CMS. There are several interesting use cases for image/content sliders, however I think it is most common to use them on the front page to showcase featured articles, latest blog posts or products. Unfortunately, there are so lots lots of free jQuery plugins & premium DNN slider modules available that you no idea which is the best & worthwhile. In this post we’ll see tutorials that can provide you with the resources showing you how image gallery/sliders can be created from ground up for your dnn websites.
Today we would like to share with you "How to Set up Paging for Content Slider Plus". That’s exactly the issue raised by our clients in the forum because we did not implement the built-in paging feature in both content slider widgets. The original aims of both widgets was to build content slider with a list of posts, like latest posts or featured posts and also to retrieve top x posts to show in the list view or slider view. Further, because of the highly configurable design, you can even add some "Content Slider Plus" magic yourself without too much effort. Let us go ahead with putting Active Paging on to your dnn “Content Slider Plus".
Image slideshow and content slider are now very popular with thousands of blogs and dnn websites. Indeed it is really useful to show the featured contents and to attract your visitors with more web traffic. In order to fit so common requirements, there are many dnn modules that provide some sort of slideshow/rotator/banner/slider functionality and on sale in DNN Store. Today we would like to showcase our brand gallery module with implementing the same feature with more attractive effects.
Currently we are focusing on our totally new module - GalleryPlus and hope that it will be the last photo gallery & slider module with DotNetNuke platform you would like to owe. With GalleryPlus, you can manage your albums & photos; plus feel free to build your own customized interface by lots of external resources without any complicated code, such as any jQuery gallery & slider plugin you can find. Today here we would like to showcase one cool sample with core plugins - Slicebox. Slicebox makes use of the 3D transforms properties and allows different kind of effects.
jQuery sliders have been spotted to be commonly used in lots of website to display the images/contents in different impressive ways. Since apart from showing large amount of core site content in a limited space on a website, any jQuery slider also has a great capability to engage the viewers and trigger their interest towards what is being shown to them. In the DNN platform, it’s also a very popular functional widget and there are lots of slider modules for sale in the snowcovered.com. In my opinion, those modules have the vital disadvantage that they are built with static contents and independent with any content publishing tool. In the end you have to modify them one by one if you want to make it look more dynamic. Now we would like to share the alternative useful tool with building neat, elegant and versatile site components with dynamic effects. Yes, that is the Content Slider Widget(CSW) for Ultimate DNN Blog Module – SunBlogNuke.
With the help of jQuery & CSW, you will be able to create any super content sliders with your dnn blog posts. So if you’ve been wondering how jQuery content sliders are accomplished and want to try implementing some of them on your DotNetNuke website, here this tutorial will help you with that. Today we just showcase the amazing slide thumb on how to make viewing images or other site content more comforting and intuitive. Take a look at how the slide thumbs actions – demo link. Then let’s go ahead.
From v4.2.0 , the Ultimate DNN Blog Module – SunBlogNuke includes custom fields features and the Content Slider Widget supports to include external scripts and styles easily. Now we have the ability to set up your content widget as a list and apply some cool jQuery slider scripts to it without any additional steps. Today we would like to show you how to integrate it with Coin Slider Plugin. First take a look at how the navigable content slideshow actions – demo link. Then let’s go ahead the great journey for building an awesome content slider in your home page.
Happy new year for everyone!
We hope you have been enjoying a happy, healthy holiday season and are looking forward to a prosperous year in 2011!
Today we are glad that the release v4.2 of Ultimate DNN blog module – SunBlogNuke is available for free upgrade. This release contains a new awesome features with the high priority – Custom Fields (please refer to the post for more details and some guidelines to get started - Extend DNN Blog With Custom Fields), as well as some great enhancements, such as enhanced tag url with SEO and enhanced Content Slider Widget with external utility scripts and styles, like NivoSlider or bxSlider, with which to build your awesome content slider. In the mean time, we converted "Category Widget" into an optional module, which you can add into any page at any time and point it to any blog on the portal. Soon the enhanced widget framework will be done and you will also easily develop your extended widget into your DotNetNuke blog. Please stay tuned :).
As usual, the complete details for all of the changes can be found in the Release Notes.
Major Highlights in v4.2:
- ENH - Enhanced Content Slider Widget with external utility scripts and styles, like NivoSlider or bxSlider, with which to build your awesome content slider.
- ENH - Supported custom fields and removed the thumbnail field in entry table.
- ENH - Combined 'Edit Blog' panel into 'General' settings.
- ENH - Supported ability to moderate comments in the post view.
- ENH - Enhanced tag url with SEO, like http://yourdomain.com/blog/tag/yourtagslug.aspx.
- ENH - Excluded the 'eNews' theme to make the install package smaller size.
- ENH - Converted "Category Widget" into an optional module.
- Lots of other fixes & enhancements.
NOTE: As with any release, we recommend you perform a complete file and database backup before performing any upgrade on a production website and that you first conduct a trial upgrade on a staging version of the site. Following these guidelines will ensure that you are able to recover should any unforeseen problems arise during the upgrade process.
Note that some issues may occur if your original version of SunBlogNuke is lower version, like 3.x, and you've developed your customized theme. Please BACK UP YOUR CHANGES BEFORE PROCEEDING and refer to the tutorial - Must-Read Note for SunBlogNuke v4.x and follow the instructions. Hope it makes sense.
You can get it here. Blog your way and enjoy life. :)
The SunBlogNuke Team
Refer to the last tutorial about how to implement a customized calendar date in the Content Slider Widget of Ultimate DNN Blog Module – SunBlogNuke v3.6.x or later version, today we continue to share a more awesome code sample for you and it indeed works well in our home page. As you go ahead do some customizations basing on SunBlogNuke, like the must-have widget module – Content Slider Widget, you will understand what the cool extendibility and flexibility our blogging modules supply for your dnn website. Firstly take a look at the screenshot below:
We’ve received a feature request from our client Tyler. He hoped that we can provide a handy way to deal with the datestamp of their dnn posts, including format and style, for example, he want to be able to pull out the day (27) and convert the month to abbreviated form, e.g., Jan, Feb, Mar, Apr, May, Jun, Jul, Aug, Sep, Oct, Nov, Dec.
I also agree his point and indeed blog calendar date icons, which show the publication date next to each entry, provide a simple way to spice up your blog design. Using just a single image, a bit of CSS and some simple configurations this tutorial will show you how to implement something similar in the Content Slider Widget (& your own themes, which will be supported in next building). Plus we share some resources for you to use. Note that you should apply those customizations with Ultimate DNN Blog Module – SunBlogNuke v3.6.x or later version which had been integrated with DNN Core Token APIs and provides you more extendibility and flexibility.
As this awesome post covered, you can turn turn DNN Announcements Module into a jQuery Slider easily with some customized steps. Now I would like to show you that we also can integrated Content Slider Widget (the core widget of Ultimate DNN Blog Module – SunBlogNuke) with a jQuery carousel seamlessly and easily make it run well as you expected. Let us go through how to build it with blog posts.