Cara Memasang Rhino Featured Slider Widget untuk Blogger - Blogger Bandung

Cara Memasang Rhino Featured Slider Widget untuk Blogger

Rhino Featured Slider Widget untuk Blogger ini dipasang di template Magzima.

Anda bisa memasangnya di halaman depan blogger Anda untuk menampilkan posting unggulan atau posting terbaru per label / per kategori.

Berikut ini kode dan cara memasang Rhino Featured Slider Widget untuk Blogger.

Rhino Featured Slider Widget untuk Blogger 

1. Tema > Edit HTML

2. Copas kode CSS berikut ini di atas kode ]]></b:skin>

#uj-slider{position:relative;width:100%;max-width:620px;background-color:#fff;margin:10px 0 20px 0;padding:0;height:340px}
#uj-slider .widget h2,.tabs-wrap .widget h2{display:none}
.rhino-btn{z-index:12;display:none;text-indent:-999%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:21px;height:30px}
.rhino-prev,.rhino-next{display:none;top:40%}
.rhino-prev{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFcWcE3u5RchfaMQCZ0qf4Qx9nmnpNEgyqQiyT1eYL_nfSzQMSFlWNhEJ5fujH8yKJtd0UqV0utv9OdSes2Yjs1cDtvl7MDwmHXEQCsEJGcyGzycgLrsFL2FN8gdRUNb4e_h7sVrW4GA/s1600/leftarrows.png") no-repeat center;padding:10px 5px;left:0}
.rhino-next{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKvVHWhOoglwiOrLdizdOgQE9nuEJtQZawplRIEcf1MxfgHYGvVFFvj8NqzolyciQRf2yYXjTYDp4Fo4VEbg3H0kX0IgKR2Ib11wsp_gYYtUdGqWbF3nwdedlWt6jH0i4kX0A5RAfHYw/s1600/rightarrows.png") no-repeat center;padding:10px 5px;right:0;}
#feature_slider:hover .rhino-btn{display:block}
.rhino-toggle{top:-4px;left:-6px}
.rhino-play{background-position:0 0;display:none!important}
.rhino-play:hover{background-position:0 -53px}
.rhino-pause{background-position:-56px 0}
.rhino-pause:hover{background-position:-56px -53px}
.rhino-container{position:relative}
.rhino-caption{position:absolute;background:rgba(0,0,0,0.6);display:none;left:0;bottom:0;color:#fff;padding:20px;width:100%;max-width:620px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.rhino-caption h3 {font-family:'Raleway', serif;}
.rhino-caption h3 a{color:#fff;font-size:30px;font-weight:400;}
.rhino-bullets{position:absolute;top:215px;margin:0 0 0 -50px;z-index:10;padding:0;left: 45%;}
.rhino-bullets:before,.rhino-bullets:after{position:absolute;display:block;left:-16px;content:' ';width:16px;height:26px}
.rhino-bullets:after{left:auto;right:-16px;background-position:-240px 0}
.rhino-bullets li{float:left;display:inline;padding:5px;background:rgba(0,0,0,0)}
.rhino-bullets li a.rhino-bullet{display:block;width:16px;cursor:pointer;font-size:0;text-align:center;padding:6px 0 5px 0;color:#333;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS8ykWmnXI60JS0OsFazt4Wgxsca9eY6WxotbyWx4sw9sZZPSQi6Z24p_hgWqFEVZRz2z76yvAIc784uRSJ_qtl64w5glU4VEwQpbSPQGH5R-kSZ4Otprim6-_4QnzDMNo-bxeDCvADQ/s1600/spagination.png") repeat scroll 0 0;height:3px}
.rhino-bullets li a.rhino-bullet:hover,.rhino-bullets li a.rhino-bullet:focus{color:#999}
.rhino-bullets li a.rhino-bullet.rhino-active-bullet{color:#fff;background-position:0 -14px}
#feature_slider{width:620px;height:340px;overflow:hidden}
.js-disabled #feature_slider{background:#0e0e0e;background:rgba(255,255,255,.05)}
.page-index .rhino-container{background:#0e0e0e;background:rgba(255,255,255,.05)}
.floar_right{float:right}
.float_left{float:left}
.column_golden_ratio{width:368px;height:300px}
#feature_slider .column_golden_ratio.feature{width:328px;height:260px}
#feature_slider .feature{padding:20px}
#feature_slider li a{color:#fff}
#feature_slider li{list-style:none}
#feature_slider li img{width:620px;height:auto}
#feature_slider li{width:620px;height:340px;overflow:hidden}
#two_slider li a{color:#fff}
#two_slider li{list-style:none}
#two_slider li img{width:620px;height:auto}
#two_slider li{width:620px;height:280px;overflow:hidden}
#two_slider .rhino-caption{position:absolute;background:none;display:none; left:10px;top:20px;bottom:auto; color:#fff;max-width:60%;text-align:left;}
#two_slider .rhino-caption h3 {padding:2px;font-family:'Raleway', serif;background:rgba(0,0,0,0.9);display:inline;}
#two_slider .rhino-caption h3 a{color:#fff;font-size:18px;font-weight:400;}
@media only screen and (max-width: 767px) and (min-width: 480px){
.rhino-caption{width:90%;left:0}
#feature_slider,#two_slider{width:425px!important;padding:0}
#PopularPosts1 li .item-title{width:auto}
#feature_slider li,#two_slider li{height:240px!important;overflow:hidden}
#uj-slider{width:425px!important;margin-bottom:25px;background:#444;height:300px!important;overflow:hidden}
}
@media only screen and (max-width: 479px){
.rhino-caption{width:90%;left:0}
#feature_slider,#two_slider{width:277px!important;padding:0}
#feature_slider li{height:240px!important;overflow:hidden}
#uj-slider {width:277px!important;margin-bottom:25px;background:#444;height:240px!important;overflow:hidden}
.rhino-bullets{top:175px}
}

3. Copas kode Javascript berikut ini di atas kode </head> atau </body>

<script type='text/javascript'>
//<![CDATA[
function slide1(a){(function(b){var e={blogURL:"",MaxPost:4,ImageSize:100,RandompostActive:false,Container:".rhino",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};e=b.extend({},e,a);b(e.Container).addClass("loading");b.get((e.blogURL===""?window.location.protocol+"//"+window.location.host:e.blogURL)+"/feeds/posts/summary"+(e.tagName===false?"":"/-/"+e.tagName)+"?max-results="+e.MaxPost+"&orderby=published&alt=json-in-script",function(k){var q,K,p,o,l,n,g,t,F,s,r,u,d="",f=k.feed.entry;if(f!==undefined){for(var m=0;m<f.length;m++){for(var h=0;h<f[m].link.length;h++){if(f[m].link[h].rel=="alternate"){q=f[m].link[h].href
break}}if("media$thumbnail"in f[m]){F=f[m].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+e.ImageSize);if(f[m].media$thumbnail.url.indexOf("img.youtube.com")!=-1){F=f[m].media$thumbnail.url.replace("default","0")}}else{F=e.pBlank.replace(/\/s[0-9]+\-c/g,"/s"+e.ImageSize)}
K=f[m].title.$t;r=f[m].published.$t.substring(0,10);p=r.substring(0,4);o=r.substring(5,7);l=r.substring(8,10);n=e.MonthNames[parseInt(o,10)-1];g=f[m].published.$t.substring(11,16);t=g.substring(0,2);s=g.substring(2,5);if(t<12){u="AM"}else{u="PM"}if(t===0){t=12}if(t>12){t=t-12}d+='<li><img class="image float_right" src="'+F+'" alt="'+K+'"/><div class="rhino-caption"><h3><a class="title" href="'+q+'"> '+K+"</a></h3></div></li>"}b(e.Container).html('<ul id="feature_slider" class="margin_bottom">'+d+"</ul>").removeClass("loading");b("#feature_slider").rhinoslider({controlsPlayPause:false,autoPlay:true,showCaptions:"always",effect:"slide",changeBullets:"before",effectTime:3500,showTime:9000,shiftValue:50,parts:"15",showBullets:"never",showControls:"always",})}else{b(e.Container).html("<span>No result!</span>").removeClass("loading")}},"jsonp")})(jQuery)}
function slide2(a){(function(b){var e={blogURL:"",MaxPost:4,ImageSize:100,RandompostActive:false,Container:".rhino1",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};e=b.extend({},e,a);b(e.Container).addClass("loading");b.get((e.blogURL===""?window.location.protocol+"//"+window.location.host:e.blogURL)+"/feeds/posts/summary"+(e.tagName===false?"":"/-/"+e.tagName)+"?max-results="+e.MaxPost+"&orderby=published&alt=json-in-script",function(k){var q,K,p,o,l,n,g,t,F,s,r,u,d="",f=k.feed.entry;if(f!==undefined){for(var m=0;m<f.length;m++){for(var h=0;h<f[m].link.length;h++){if(f[m].link[h].rel=="alternate"){q=f[m].link[h].href
break}}if("media$thumbnail"in f[m]){F=f[m].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+e.ImageSize);if(f[m].media$thumbnail.url.indexOf("img.youtube.com")!=-1){F=f[m].media$thumbnail.url.replace("default","0")}}else{F=e.pBlank.replace(/\/s[0-9]+\-c/g,"/s"+e.ImageSize)}
K=f[m].title.$t;r=f[m].published.$t.substring(0,10);p=r.substring(0,4);o=r.substring(5,7);l=r.substring(8,10);n=e.MonthNames[parseInt(o,10)-1];g=f[m].published.$t.substring(11,16);t=g.substring(0,2);s=g.substring(2,5);if(t<12){u="AM"}else{u="PM"}if(t===0){t=12}if(t>12){t=t-12}d+='<li><img class="image float_right" src="'+F+'" alt="'+K+'"/><div class="rhino-caption"><h3><a class="title" href="'+q+'"> '+K+"</a></h3></div></li>"}b(e.Container).html('<ul id="two_slider" class="margin_bottom">'+d+"</ul>").removeClass("loading");b("#two_slider").rhinoslider({controlsPlayPause:false,autoPlay:true,showCaptions:"always",effect:"kick",changeBullets:"before",animateActive:true,effectTime:2500,showTime:5000,shiftValue:50,parts:"15",showBullets:"always",showControls:"always",})}else{b(e.Container).html("<span>No result!</span>").removeClass("loading")}},"jsonp")})(jQuery)}
//
(function($,window,undefined){$.extend($.easing,{def:'out',out:function(none,currentTime,startValue,endValue,totalTime){return-endValue*(currentTime/=totalTime)*(currentTime- 2)+ startValue;},kick:function(none,currentTime,startValue,endValue,totalTime){if((currentTime/=totalTime/2)<1){return endValue/2*Math.pow(2,10*(currentTime- 1))+ startValue;}
return endValue/2*(-Math.pow(2,-10*--currentTime)+ 2)+ startValue;},shuffle:function(none,currentTime,startValue,endValue,totalTime){if((currentTime/=totalTime/2)<1){return endValue/2*currentTime*currentTime*currentTime*currentTime*currentTime+ startValue;}
return endValue/2*((currentTime-=2)*currentTime*currentTime*currentTime*currentTime+ 2)+ startValue;}});var rhinoSlider=function(element,opts){var
settings=$.extend({},$.fn.rhinoslider.defaults,opts),$slider=$(element),effects=$.fn.rhinoslider.effects,preparations=$.fn.rhinoslider.preparations,vars={isPlaying:false,intervalAutoPlay:false,active:'',next:'',container:'',items:'',buttons:[],prefix:'rhino-',playedArray:[],playedCounter:0,original:element};settings.callBeforeInit();var
setUpSettings=function(settings){settings.controlsPrevNext=String(settings.controlsPrevNext)=='true'?true:false;settings.controlsKeyboard=String(settings.controlsKeyboard)=='true'?true:false;settings.controlsMousewheel=String(settings.controlsMousewheel)=='true'?true:false;settings.controlsPlayPause=String(settings.controlsPlayPause)=='true'?true:false;settings.pauseOnHover=String(settings.pauseOnHover)=='true'?true:false;settings.animateActive=String(settings.animateActive)=='true'?true:false;settings.autoPlay=String(settings.autoPlay)=='true'?true:false;settings.cycled=String(settings.cycled)=='true'?true:false;settings.showTime=parseInt(settings.showTime,10);settings.effectTime=parseInt(settings.effectTime,10);settings.controlFadeTime=parseInt(settings.controlFadeTime,10);settings.captionsFadeTime=parseInt(settings.captionsFadeTime,10);tmpShiftValue=settings.shiftValue;tmpParts=settings.parts;settings.shiftValue=[];settings.parts=[];return settings;},init=function($slider,settings,vars){settings=setUpSettings(settings);$slider.wrap('<div class="'+ vars.prefix+'container">');vars.container=$slider.parent('.'+ vars.prefix+'container');vars.isPlaying=settings.autoPlay;var buttons='';if(settings.controlsPrevNext){vars.container.addClass(vars.prefix+'controls-prev-next');buttons='<a class="'+ vars.prefix+'prev '+ vars.prefix+'btn">'+ settings.prevText+'</a><a class="'+ vars.prefix+'next '+ vars.prefix+'btn">'+ settings.nextText+'</a>';vars.container.append(buttons);vars.buttons.prev=vars.container.find('.'+ vars.prefix+'prev');vars.buttons.next=vars.container.find('.'+ vars.prefix+'next');vars.buttons.prev.click(function(){prev($slider,settings);if(settings.autoPlay){pause();}});vars.buttons.next.click(function(){next($slider,settings);if(settings.autoPlay){pause();}});}
if(settings.controlsPlayPause){vars.container.addClass(vars.prefix+'controls-play-pause');buttons=settings.autoPlay?'<a class="'+ vars.prefix+'toggle '+ vars.prefix+'pause '+ vars.prefix+'btn">'+ settings.pauseText+'</a>':'<a class="'+ vars.prefix+'toggle '+ vars.prefix+'play '+ vars.prefix+'btn">'+ settings.playText+'</a>';vars.container.append(buttons);vars.buttons.play=vars.container.find('.'+ vars.prefix+'toggle');vars.buttons.play.click(function(){if(vars.isPlaying===false){play();}else{pause();}});}
vars.container.find('.'+ vars.prefix+'btn').css({position:'absolute',display:'block',cursor:'pointer'});if(settings.showControls!=='always'){var allControls=vars.container.find('.'+ vars.prefix+'btn');allControls.stop(true,true).fadeOut(0);if(settings.showControls==='hover'){vars.container.mouseenter(function(){allControls.stop(true,true).fadeIn(settings.controlFadeTime);}).mouseleave(function(){allControls.delay(200).fadeOut(settings.controlFadeTime);});}}
if(settings.showControls!=='never'){vars.container.addClass(vars.prefix+'show-controls');}
vars.items=$slider.children();vars.items.addClass(vars.prefix+'item');vars.items.first().addClass(vars.prefix+'active');var sliderStyles=settings.styles.split(','),style;$.each(sliderStyles,function(i,cssAttribute){style=$.trim(cssAttribute);vars.container.css(style,$slider.css(style));$slider.css(style,' ');switch(style){case'width':case'height':$slider.css(style,'100%');break;}});if(vars.container.css('position')=='static'){vars.container.css('position','relative');}
$slider.css({top:'auto',left:'auto',position:'relative'});vars.items.css({margin:0,width:$slider.css('width'),height:$slider.css('height'),position:'absolute',top:0,left:0,zIndex:0,opacity:0,overflow:'hidden'});vars.items.each(function(i){$(this).attr('id',vars.prefix+'item'+ i);});if(settings.showBullets!=='never'){vars.container.addClass(vars.prefix+'show-bullets');var navi='<ol class="'+ vars.prefix+'bullets">';vars.items.each(function(i){var $item=$(this);var id=vars.prefix+'item'+ i;navi=navi+'<li><a id="'+ id+'-bullet" class="'+ vars.prefix+'bullet">'+ parseInt(i+ 1,10)+'</a></li>';});navi=navi+'</ol>';vars.container.append(navi);vars.navigation=vars.container.find('.'+ vars.prefix+'bullets');vars.buttons.bullets=vars.navigation.find('.'+ vars.prefix+'bullet');vars.buttons.bullets.first().addClass(vars.prefix+'active-bullet '+ vars.prefix+'first-bullet');vars.buttons.bullets.last().addClass(vars.prefix+'last-bullet');vars.buttons.bullets.click(function(){var itemID=$(this).attr('id').replace('-bullet','');var $next=vars.container.find('#'+ itemID);var curID=parseInt(vars.navigation.find('.'+ vars.prefix+'active-bullet').attr('id').replace('-bullet','').replace(vars.prefix+'item',''),10);var nextID=parseInt(itemID.replace(vars.prefix+'item',''),10);if(curID<nextID){next($slider,settings,$next);}else if(curID>nextID){prev($slider,settings,$next);}else{return false;}
if(settings.autoPlay){pause();}});}
if(settings.showBullets==='hover'){vars.navigation.hide();vars.container.mouseenter(function(){vars.navigation.stop(true,true).fadeIn(settings.controlFadeTime);}).mouseleave(function(){vars.navigation.delay(200).fadeOut(settings.controlFadeTime);});}
if(settings.showCaptions!=='never'){vars.container.addClass(vars.prefix+'show-captions');vars.items.each(function(){var $item=$(this);if($item.children('.'+ vars.prefix+'caption').length==0){if($item.children('img').length>0){var title=$.trim($item.children('img:first').attr('title'));if(undefined!=title||''==title){$item.append('<div class="'+ vars.prefix+'caption">'+ title+'</div>');$item.children('.'+ vars.prefix+'caption:empty').remove();}}}});if(settings.showCaptions==='hover'){$('.'+ vars.prefix+'caption').hide();vars.container.mouseenter(function(){vars.active.find('.'+ vars.prefix+'caption').stop(true,true).fadeTo(settings.captionFadeTime,settings.captionsOpacity);}).mouseleave(function(){vars.active.find('.'+ vars.prefix+'caption').delay(200).fadeOut(settings.captionFadeTime);});}else if(settings.showCaptions==='always'){$('.'+ vars.prefix+'caption').fadeTo(0,settings.captionsOpacity);}}
vars.items.each(function(){$(this).children('img').removeAttr('title');});if(settings.autoPlay){vars.intervalAutoPlay=setInterval(function(){next($slider,settings);},settings.showTime);}else{vars.intervalAutoPlay=false;}
if(settings.pauseOnHover){vars.container.addClass(vars.prefix+'pause-on-hover');$slider.mouseenter(function(){if(vars.isPlaying){clearInterval(vars.intervalAutoPlay);if(settings.controlsPlayPause){vars.buttons.play.text(settings.playText).removeClass(vars.prefix+'pause').addClass(vars.prefix+'play');}}}).mouseleave(function(){if(vars.isPlaying){vars.intervalAutoPlay=setInterval(function(){next($slider,settings);},settings.showTime);if(settings.controlsPlayPause){vars.buttons.play.text(settings.pauseText).removeClass(vars.prefix+'play').addClass(vars.prefix+'pause');}}});}
if(settings.controlsKeyboard){vars.container.addClass(vars.prefix+'controls-keyboard');$(document).keyup(function(e){switch(e.keyCode){case 37:pause();prev($slider,settings);break;case 39:pause();next($slider,settings);break;case 80:if(vars.isPlaying===false){play();}else{pause();}
break;}});}
if(settings.controlsMousewheel){vars.container.addClass(vars.prefix+'controls-mousewheel');if(!$.isFunction($.fn.mousewheel)){alert('$.fn.mousewheel is not a function. Please check that you have the mousewheel-plugin installed properly.');}else{$slider.mousewheel(function(e,delta){e.preventDefault();if(vars.container.hasClass('inProgress')){return false;}
var dir=delta>0?'up':'down';if(dir==='up'){pause();prev($slider,settings);}else{pause();next($slider,settings);}});}}
vars.active=$slider.find('.'+ vars.prefix+'active');vars.active.css({zIndex:1,opacity:1});if(!settings.cycled){vars.items.each(function(){var $item=$(this);if($item.is(':first-child')){$item.addClass(vars.prefix+'firstItem');}
if($item.is(':last-child')){$item.addClass(vars.prefix+'lastItem');}});if(vars.active.is(':first-child')&&settings.controlsPrevNext){vars.buttons.prev.addClass('disabled');}
if(vars.active.is(':last-child')){if(settings.controlsPrevNext){vars.buttons.next.addClass('disabled');pause();}
if(settings.autoPlay){vars.buttons.play.addClass('disabled');}}}
if(preparations[settings.effect]==undefined){console.log('Preparations for '+ settings.effect+' not found.');}else{preparations[settings.effect]($slider,settings,vars);}
$slider.data('slider:vars',vars);settings.callBackInit();},isFirst=function($item){return $item.is(':first-child');},isLast=function($item){return $item.is(':last-child');},pause=function(){var vars=$slider.data('slider:vars');clearInterval(vars.intervalAutoPlay);vars.isPlaying=false;if(settings.controlsPlayPause){vars.buttons.play.text(settings.playText).removeClass(vars.prefix+'pause').addClass(vars.prefix+'play');}
settings.callBackPause();},play=function(){var vars=$slider.data('slider:vars');vars.intervalAutoPlay=setInterval(function(){next($slider,settings);},settings.showTime);vars.isPlaying=true;if(settings.controlsPlayPause){vars.buttons.play.text(settings.pauseText).removeClass(vars.prefix+'play').addClass(vars.prefix+'pause');}
settings.callBackPlay();},prev=function($slider,settings,$next){var vars=$slider.data('slider:vars');if(!settings.cycled&&isFirst(vars.active)){return false;}
settings.callBeforePrev();if(vars.container.hasClass('inProgress')){return false;}
vars.container.addClass('inProgress');if(!$next){if(settings.randomOrder){var nextID=getRandom(vars);vars.next=vars.container.find('#'+ nextID);}else{vars.next=vars.items.first().hasClass(vars.prefix+'active')?vars.items.last():vars.active.prev();}}else{vars.next=$next;}
if(vars.next.hasClass(vars.prefix+'active')){return false;}
if(settings.showCaptions!=='never'){$('.'+ vars.prefix+'caption').stop(true,true).fadeOut(settings.captionsFadeTime);}
if(settings.showBullets!=='never'&&settings.changeBullets=='before'){vars.navigation.find('.'+ vars.prefix+'active-bullet').removeClass(vars.prefix+'active-bullet');vars.navigation.find('#'+ vars.next.attr('id')+'-bullet').addClass(vars.prefix+'active-bullet');}
setTimeout(function(){var params=[];params.settings=settings;params.animateActive=settings.animateActive;params.direction=settings.slidePrevDirection;if(effects[settings.effect]==undefined){console.log('Preparations for '+ settings.effect+' not found.');}else{effects[settings.effect]($slider,params,resetElements);}
setTimeout(function(){if(settings.showBullets!=='never'&&settings.changeBullets=='after'){vars.navigation.find('.'+ vars.prefix+'active-bullet').removeClass(vars.prefix+'active-bullet');vars.navigation.find('#'+ vars.next.attr('id')+'-bullet').addClass(vars.prefix+'active-bullet');}
settings.callBackPrev();},settings.effectTime);},settings.captionsFadeTime);if(settings.showBullets!=='never'&&settings.changeBullets=='after'){vars.navigation.find('.'+ vars.prefix+'active-bullet').removeClass(vars.prefix+'active-bullet');vars.navigation.find('#'+ vars.next.attr('id')+'-bullet').addClass(vars.prefix+'active-bullet');}},next=function($slider,settings,$next){var vars=$slider.data('slider:vars');if(!settings.cycled&&isLast(vars.active)){return false;}
settings.callBeforeNext();if(vars.container.hasClass('inProgress')){return false;}
vars.container.addClass('inProgress');if(!$next){if(settings.randomOrder){var nextID=getRandom(vars);vars.next=vars.container.find('#'+ nextID);}else{vars.next=vars.items.last().hasClass(vars.prefix+'active')?vars.items.first():vars.active.next();}}else{vars.next=$next;}
if(vars.next.hasClass(vars.prefix+'active')){return false;}
if(settings.showCaptions!=='never'){$('.'+ vars.prefix+'caption').stop(true,true).fadeOut(settings.captionsFadeTime);}
if(settings.showBullets!=='never'&&settings.changeBullets=='before'){vars.navigation.find('.'+ vars.prefix+'active-bullet').removeClass(vars.prefix+'active-bullet');vars.navigation.find('#'+ vars.next.attr('id')+'-bullet').addClass(vars.prefix+'active-bullet');}
setTimeout(function(){var params=[];params.settings=settings;params.animateActive=settings.animateActive;params.direction=settings.slideNextDirection;if(effects[settings.effect]==undefined){console.log('Preparations for '+ settings.effect+' not found.');}else{effects[settings.effect]($slider,params,resetElements);}
setTimeout(function(){if(settings.showBullets!=='never'&&settings.changeBullets=='after'){vars.navigation.find('.'+ vars.prefix+'active-bullet').removeClass(vars.prefix+'active-bullet');vars.navigation.find('#'+ vars.next.attr('id')+'-bullet').addClass(vars.prefix+'active-bullet');}
settings.callBackNext();},settings.effectTime);},settings.captionsFadeTime);},getRandom=function(vars){var curID=vars.active.attr('id');var itemCount=vars.items.length;var nextID=vars.prefix+'item'+ parseInt((Math.random()*itemCount),10);var nextKey=nextID.replace(vars.prefix+'item','');if(vars.playedCounter>=itemCount){vars.playedCounter=0;vars.playedArray=[];}
if(curID==nextID||vars.playedArray[nextKey]===true){return getRandom(vars);}else{vars.playedArray[nextKey]=true;vars.playedCounter++;return nextID;}},resetElements=function($slider,settings){var vars=$slider.data('slider:vars');vars.next.addClass(vars.prefix+'active').css({zIndex:1,top:0,left:0,width:'100%',height:'100%',margin:0,opacity:1});vars.active.css({zIndex:0,top:0,left:0,margin:0,opacity:0}).removeClass(vars.prefix+'active');settings.additionalResets();if(!settings.cycled){if(settings.controlsPrevNext){if(isFirst(vars.next)){vars.buttons.prev.addClass('disabled');}else{vars.buttons.prev.removeClass('disabled');}
if(isLast(vars.next)){vars.buttons.next.addClass('disabled');pause();}else{vars.buttons.next.removeClass('disabled');}}
if(settings.controlsPlayPause){if(isLast(vars.next)){vars.buttons.play.addClass('disabled');pause();}else{vars.buttons.play.removeClass('disabled');}}}
vars.active=vars.next;if(settings.showCaptions!=='never'){vars.active.find('.'+ vars.prefix+'caption').stop(true,true).fadeTo(settings.captionsFadeTime,settings.captionsOpacity);}
vars.container.removeClass('inProgress');};this.pause=function(){pause();};this.play=function(){play();};this.prev=function($next){prev($slider,settings,$next);};this.next=function($next){next($slider,settings,$next);};this.uninit=function(){pause();vars.container.before($(element).data('slider:original'));$slider.data('slider:vars',null);vars.container.remove();$(element).data('rhinoslider',null);};init($slider,settings,vars);};$.fn.rhinoslider=function(opts){return this.each(function(){var element=$(this);if(element.data('rhinoslider')){return element.data('rhinoslider');}
element.data('slider:original',element.clone());var rhinoslider=new rhinoSlider(this,opts);element.data('rhinoslider',rhinoslider);});};$.fn.rhinoslider.defaults={effect:'slide',easing:'swing',randomOrder:false,controlsMousewheel:true,controlsKeyboard:true,controlsPrevNext:true,controlsPlayPause:true,pauseOnHover:true,animateActive:true,autoPlay:false,cycled:true,showTime:3000,effectTime:1000,controlFadeTime:650,captionsFadeTime:250,captionsOpacity:0.7,partDelay:100,shiftValue:'150',parts:'5,3',showCaptions:'never',showBullets:'hover',changeBullets:'after',showControls:'hover',slidePrevDirection:'toLeft',slideNextDirection:'toRight',prevText:'prev',nextText:'next',playText:'play',pauseText:'pause',styles:'position,top,right,bottom,left,margin-top,margin-right,margin-bottom,margin-left,width,height',callBeforeInit:function(){return false;},callBackInit:function(){return false;},callBeforeNext:function(){return false;},callBeforePrev:function(){return false;},callBackNext:function(){return false;},callBackPrev:function(){return false;},callBackPlay:function(){return false;},callBackPause:function(){return false;},additionalResets:function(){return false;}};$.fn.rhinoslider.effects={none:function($slider,params,callback){var vars=$slider.data('slider:vars');var settings=params.settings;vars.next.css({zIndex:2,display:'block'});vars.active.hide(0,function(){callback($slider,settings);});},fade:function($slider,params,callback){var vars=$slider.data('slider:vars');var settings=params.settings;if(settings.animateActive){vars.active.animate({opacity:0},settings.effectTime);}
vars.next.css({zIndex:2}).animate({opacity:1},settings.effectTime,settings.easing,function(){callback($slider,settings);});},slide:function($slider,params,callback){var vars=$slider.data('slider:vars');var settings=params.settings;var direction=params.direction;var values=[];values.width=vars.container.width();values.height=vars.container.height();values.easing=settings.showTime===0?'linear':settings.easing;values.nextEasing=settings.showTime===0?'linear':settings.easing;$slider.css('overflow','hidden');switch(direction){case'toTop':values.top=-values.height;values.left=0;values.nextTop=-values.top;values.nextLeft=0;break;case'toBottom':values.top=values.height;values.left=0;values.nextTop=-values.top;values.nextLeft=0;break;case'toRight':values.top=0;values.left=values.width;values.nextTop=0;values.nextLeft=-values.left;break;case'toLeft':values.top=0;values.left=-values.width;values.nextTop=0;values.nextLeft=-values.left;break;}
vars.next.css({zIndex:2,opacity:1});if(settings.animateActive){vars.active.css({top:0,left:0}).animate({top:values.top,left:values.left,opacity:1},settings.effectTime,values.easing);}
vars.next.css({top:values.nextTop,left:values.nextLeft}).animate({top:0,left:0,opacity:1},settings.effectTime,values.nextEasing,function(){callback($slider,settings);});},kick:function($slider,params,callback){var vars=$slider.data('slider:vars');var settings=params.settings;var direction=params.direction;var values=[];values.delay=settings.effectTime/2;values.activeEffectTime=settings.effectTime/2;settings.shiftValue.x=settings.shiftValue.x<0?settings.shiftValue.x*-1:settings.shiftValue.x;switch(direction){case'toTop':values.top=-settings.shiftValue.x;values.left=0;values.nextTop=settings.shiftValue.x;values.nextLeft=0;break;case'toBottom':values.top=settings.shiftValue.x;values.left=0;values.nextTop=-settings.shiftValue.x;values.nextLeft=0;break;case'toRight':values.top=0;values.left=settings.shiftValue.x;values.nextTop=0;values.nextLeft=-settings.shiftValue.x;break;case'toLeft':values.top=0;values.left=-settings.shiftValue.x;values.nextTop=0;values.nextLeft=settings.shiftValue.x;break;}
vars.next.css({zIndex:2,opacity:0});vars.active.css({top:0,left:0});if(settings.animateActive){vars.active.delay(values.delay).animate({top:values.top,left:values.left,opacity:0},values.activeEffectTime,'out');}
vars.next.css({top:values.nextTop,left:values.nextLeft}).animate({top:0,left:0,opacity:1},settings.effectTime,'kick',function(){callback($slider,settings);});},transfer:function($slider,params,callback){var settings=params.settings;var direction=params.direction;var vars=$slider.data('slider:vars');var values=[];values.width=$slider.width();values.height=$slider.height();switch(direction){case'toTop':values.top=-settings.shiftValue.y;values.left=values.width/2;values.nextTop=values.height+ settings.shiftValue.y;values.nextLeft=values.width/2;break;case'toBottom':values.top=values.height+ settings.shiftValue.y;values.left=values.width/2;values.nextTop=-settings.shiftValue.y;values.nextLeft=values.width/2;break;case'toRight':values.top=values.height/2;values.left=values.width+ settings.shiftValue.x;values.nextTop=values.height/2;values.nextLeft=-settings.shiftValue.x;break;case'toLeft':values.top=values.height/2;values.left=-settings.shiftValue.x;values.nextTop=values.height/2;values.nextLeft=values.width+ settings.shiftValue.x;break;}
vars.next.children().wrapAll('<div id="'+ vars.prefix+'nextContainer" class="'+ vars.prefix+'tmpContainer"></div>');vars.active.children().wrapAll('<div id="'+ vars.prefix+'activeContainer" class="'+ vars.prefix+'tmpContainer"></div>');var
$nextContainer=vars.next.find('#'+ vars.prefix+'nextContainer'),$activeContainer=vars.active.find('#'+ vars.prefix+'activeContainer'),$tmpContainer=vars.container.find('.'+ vars.prefix+'tmpContainer');$activeContainer.css({width:values.width,height:values.height,position:'absolute',top:'50%',left:'50%',margin:'-'+ parseInt(values.height*0.5,10)+'px 0 0 -'+ parseInt(values.width*0.5,10)+'px'});$nextContainer.css({width:values.width,height:values.height,position:'absolute',top:'50%',left:'50%',margin:'-'+ parseInt(values.height*0.5,10)+'px 0 0 -'+ parseInt(values.width*0.5,10)+'px'});if(settings.animateActive){vars.active.css({width:'100%',height:'100%',top:0,left:0}).animate({width:0,height:0,top:values.top,left:values.left,opacity:0},settings.effectTime);}
vars.next.css({opacity:0,zIndex:2,width:0,height:0,top:values.nextTop,left:values.nextLeft}).animate({width:'100%',height:'100%',top:0,left:0,opacity:1},settings.effectTime,settings.easing,function(){$tmpContainer.children().unwrap();callback($slider,settings);});},shuffle:function($slider,params,callback){var
vars=$slider.data('slider:vars'),settings=params.settings,values=[],preShuffle=function($slider,settings,$li){var vars=$slider.data('slider:vars');$li.html('<div class="'+ vars.prefix+'partContainer">'+ $li.html()+'</div>');var part=$li.html();var width=$slider.width();var height=$slider.height();for(i=1;i<(settings.parts.x*settings.parts.y);i++){$li.html($li.html()+ part);}
var $parts=$li.children('.'+ vars.prefix+'partContainer');var partValues=[];partValues.width=$li.width()/ settings.parts.x;
partValues.height=$li.height()/ settings.parts.y;
$parts.each(function(i){var $this=$(this);partValues.top=((i-(i%settings.parts.x))/ settings.parts.x) * partValues.height;
partValues.left=(i%settings.parts.x)*partValues.width;partValues.marginTop=-partValues.top;partValues.marginLeft=-partValues.left;$this.css({top:partValues.top,left:partValues.left,width:partValues.width,height:partValues.height,position:'absolute',overflow:'hidden'}).html('<div class="'+ vars.prefix+'part">'+ $this.html()+'</div>');$this.children('.'+ vars.prefix+'part').css({marginTop:partValues.marginTop,marginLeft:partValues.marginLeft,width:width,height:height,background:$li.css('background-image')+' '+ $li.parent().css('background-color')});});return $parts;},calcParts=function(parts,c){if(parts.x*parts.y>36){if(c){if(parts.x>1){parts.x--;}else{parts.y--;}
c=false;}else{if(parts.y>1){parts.y--;}else{parts.x--;}
c=true;}
return calcParts(parts,c);}
return parts;},shuffle=function($slider,settings){settings.parts.x=settings.parts.x<1?1:settings.parts.x;settings.parts.y=settings.parts.y<1?1:settings.parts.y;settings.parts=calcParts(settings.parts,true);settings.shiftValue.x=settings.shiftValue.x<0?settings.shiftValue.x*-1:settings.shiftValue.x;settings.shiftValue.y=settings.shiftValue.y<0?settings.shiftValue.y*-1:settings.shiftValue.y;var vars=$slider.data('slider:vars');var activeContent=vars.active.html();var nextContent=vars.next.html();var width=$slider.width();var height=$slider.height();var $activeParts=preShuffle($slider,settings,vars.active);var $nextParts=preShuffle($slider,settings,vars.next);var activeBackgroundImage=vars.active.css('background-image');var activeBackgroundColor=vars.active.css('background-color');var nextBackgroundImage=vars.next.css('background-image');var nextBackgroundColor=vars.next.css('background-color');vars.active.css({backgroundImage:'none',backgroundColor:'none',opacity:1});vars.next.css({backgroundImage:'none',backgroundColor:'none',opacity:1,zIndex:2});var partValues=[];partValues.width=vars.next.width()/ settings.parts.x;
partValues.height=vars.next.height()/ settings.parts.y;
if(settings.animateActive){$activeParts.each(function(i){$this=$(this);var newLeft,newTop;newLeft=(Math.random()*(settings.shiftValue.x*2)- settings.shiftValue.x);newTop=(Math.random()*(settings.shiftValue.y*2)- settings.shiftValue.y);$this.animate({opacity:0,top:'+='+ newTop,left:'+='+ newLeft},settings.effectTime,settings.easing);});}
$nextParts.each(function(i){$this=$(this);partValues.top=((i-(i%settings.parts.x))/ settings.parts.x) * partValues.height;
partValues.left=(i%settings.parts.x)*partValues.width;var newLeft,newTop;newLeft=partValues.left+(Math.random()*(settings.shiftValue.x*2)- settings.shiftValue.x);newTop=partValues.top+(Math.random()*(settings.shiftValue.y*2)- settings.shiftValue.y);$this.css({top:newTop,left:newLeft,opacity:0}).animate({top:partValues.top,left:partValues.left,opacity:1},settings.effectTime,settings.easing,function(){if(i==$activeParts.length- 1){vars.active.html(activeContent);vars.next.html(nextContent);vars.active.css({backgroundImage:activeBackgroundImage,backgroundColor:activeBackgroundColor,opacity:0});vars.next.css({backgroundImage:nextBackgroundImage,backgroundColor:nextBackgroundColor,opacity:1});callback($slider,settings);}});});}
shuffle($slider,settings);},explode:function($slider,params,callback){var
vars=$slider.data('slider:vars'),settings=params.settings,values=[],preShuffle=function($slider,settings,$li){var vars=$slider.data('slider:vars');$li.html('<div class="'+ vars.prefix+'partContainer">'+ $li.html()+'</div>');var part=$li.html();var width=$slider.width();var height=$slider.height();for(i=1;i<(settings.parts.x*settings.parts.y);i++){$li.html($li.html()+ part);}
var $parts=$li.children('.'+ vars.prefix+'partContainer');var partValues=[];partValues.width=$li.width()/ settings.parts.x;
partValues.height=$li.height()/ settings.parts.y;
$parts.each(function(i){var $this=$(this);partValues.top=((i-(i%settings.parts.x))/ settings.parts.x) * partValues.height;
partValues.left=(i%settings.parts.x)*partValues.width;partValues.marginTop=-partValues.top;partValues.marginLeft=-partValues.left;$this.css({top:partValues.top,left:partValues.left,width:partValues.width,height:partValues.height,position:'absolute',overflow:'hidden'}).html('<div class="'+ vars.prefix+'part">'+ $this.html()+'</div>');$this.children('.'+ vars.prefix+'part').css({marginTop:partValues.marginTop,marginLeft:partValues.marginLeft,width:width,height:height,background:$li.css('background-image')+' '+ $li.parent().css('background-color')});});return $parts;},calcParts=function(parts,c){if(parts.x*parts.y>36){if(c){if(parts.x>1){parts.x--;}else{parts.y--;}
c=false;}else{if(parts.y>1){parts.y--;}else{parts.x--;}
c=true;}
return calcParts(parts,c);}
return parts;},explode=function($slider,settings){settings.parts.x=settings.parts.x<1?1:settings.parts.x;settings.parts.y=settings.parts.y<1?1:settings.parts.y;settings.parts=calcParts(settings.parts,true);settings.shiftValue.x=settings.shiftValue.x<0?settings.shiftValue.x*-1:settings.shiftValue.x;settings.shiftValue.y=settings.shiftValue.y<0?settings.shiftValue.y*-1:settings.shiftValue.y;var vars=$slider.data('slider:vars');var activeContent=vars.active.html();var nextContent=vars.next.html();var width=$slider.width();var height=$slider.height();var $activeParts=preShuffle($slider,settings,vars.active);var $nextParts=preShuffle($slider,settings,vars.next);var activeBackgroundImage=vars.active.css('background-image');var activeBackgroundColor=vars.active.css('background-color');var nextBackgroundImage=vars.next.css('background-image');var nextBackgroundColor=vars.next.css('background-color');vars.active.css({backgroundImage:'none',backgroundColor:'none',opacity:1});vars.next.css({backgroundImage:'none',backgroundColor:'none',opacity:1,zIndex:2});var partValues=[];partValues.width=vars.next.width()/ settings.parts.x;
partValues.height=vars.next.height()/ settings.parts.y;
if(settings.animateActive){$activeParts.each(function(i){$this=$(this);var newLeft,newTop;var position=[];position.top=$this.position().top;position.bottom=$this.parent().height()- $this.position().top- $this.height();position.left=$this.position().left;position.right=$this.parent().width()- $this.position().left- $this.width();var rndX=parseInt(Math.random()*settings.shiftValue.x,10);var rndY=parseInt(Math.random()*settings.shiftValue.y,10);newLeft=position.right<=position.left?(position.right==position.left?rndX/2:rndX):-rndX;newTop=position.bottom<=position.top?(position.top==(position.bottom- 1)?rndY/2:rndY):-rndY;$this.animate({top:'+='+ newTop,left:'+='+ newLeft,opacity:0},settings.effectTime,settings.easing);});}
$nextParts.each(function(i){$this=$(this);partValues.top=((i-(i%settings.parts.x))/ settings.parts.x) * partValues.height;
partValues.left=(i%settings.parts.x)*partValues.width;var newLeft,newTop,position=[];position.top=$this.position().top;position.bottom=$this.parent().height()- $this.position().top- $this.height();position.left=$this.position().left;position.right=$this.parent().width()- $this.position().left- $this.width();var rndX=parseInt(Math.random()*settings.shiftValue.x,10);var rndY=parseInt(Math.random()*settings.shiftValue.y,10);newLeft=position.right<=position.left?(position.right==position.left?rndX/2:rndX):-rndX;newTop=position.bottom<=position.top?(position.top==(position.bottom- 1)?rndY/2:rndY):-rndY;newLeft=partValues.left+ newLeft;newTop=partValues.top+ newTop;$this.css({top:newTop,left:newLeft,opacity:0}).animate({top:partValues.top,left:partValues.left,opacity:1},settings.effectTime,settings.easing,function(){if(i==$activeParts.length- 1){vars.active.html(activeContent);vars.next.html(nextContent);vars.active.css({backgroundImage:activeBackgroundImage,backgroundColor:activeBackgroundColor,opacity:0});vars.next.css({backgroundImage:nextBackgroundImage,backgroundColor:nextBackgroundColor,opacity:1});callback($slider,settings);}});});}
explode($slider,settings);},turnOver:function($slider,params,callback){var
vars=$slider.data('slider:vars'),settings=params.settings,direction=params.direction,values=[];values.width=vars.container.width();values.height=vars.container.height();switch(direction){case'toTop':values.top=-values.height;values.left=0;break;case'toBottom':values.top=values.height;values.left=0;break;case'toRight':values.top=0;values.left=values.width;break;case'toLeft':values.top=0;values.left=-values.width;break;}
values.timeOut=settings.animateActive?settings.effectTime:0;values.effectTime=settings.animateActive?settings.effectTime/2:settings.effectTime;vars.next.css({zIndex:2,opacity:1});vars.next.css({top:values.top,left:values.left});if(settings.animateActive){vars.active.css({top:0,left:0}).animate({top:values.top,left:values.left,opacity:1},values.effectTime,settings.easing);}
setTimeout(function(){vars.next.animate({top:0,left:0,opacity:1},values.effectTime,settings.easing,function(){vars.active.css('opacity',0);callback($slider,settings);});},values.timeOut);},chewyBars:function($slider,params,callback){var
vars=$slider.data('slider:vars'),settings=params.settings,direction=params.direction,values=[],preSlide=function($slider,settings,$li){var vars=$slider.data('slider:vars');$li.html('<div class="'+ vars.prefix+'partContainer">'+ $li.html()+'</div>');var
part=$li.html(),width=$slider.width(),height=$slider.height();for(i=1;i<settings.parts;i++){$li.html($li.html()+ part);}
var
$parts=$li.children('.'+ vars.prefix+'partContainer'),partValues=[];switch(direction){case'toLeft':partValues.width=$li.width()/ settings.parts;
partValues.height=height;break;case'toTop':partValues.width=width;partValues.height=$li.height()/ settings.parts;
break;}
$parts.each(function(i){var $this=$(this),liWidth=$li.width(),liHeight=$li.height();partValues.left='auto';partValues.marginLeft='auto';partValues.top='auto';partValues.marginTop='auto';partValues.right='auto';partValues.bottom='auto';switch(direction){case'toLeft':partValues.width=liWidth/settings.parts;partValues.height=height;partValues.left=(i%settings.parts)*partValues.width;partValues.marginLeft=-partValues.left;partValues.top=0;partValues.marginTop=0;break;case'toRight':partValues.width=liWidth/settings.parts;partValues.height=height;partValues.right=(i%settings.parts)*partValues.width;partValues.marginLeft=-(liWidth- partValues.right- partValues.width);partValues.top=0;partValues.marginTop=0;break;case'toTop':partValues.width=width;partValues.height=liHeight/settings.parts;partValues.left=0;partValues.marginLeft=0;partValues.top=(i%settings.parts)*partValues.height;partValues.marginTop=-partValues.top;break;case'toBottom':partValues.width=width;partValues.height=liHeight/settings.parts;partValues.left=0;partValues.marginLeft=0;partValues.bottom=(i%settings.parts)*partValues.height;partValues.marginTop=-(liHeight- partValues.bottom- partValues.height);break;}
$this.css({top:partValues.top,left:partValues.left,bottom:partValues.bottom,right:partValues.right,width:partValues.width,height:partValues.height,position:'absolute',overflow:'hidden'}).html('<div class="'+ vars.prefix+'part">'+ $this.html()+'</div>');$this.children('.'+ vars.prefix+'part').css({marginLeft:partValues.marginLeft,marginTop:partValues.marginTop,width:width,height:height,background:$li.css('background-image')+' '+ $li.parent().css('background-color')});});return $parts;},slideBars=function($slider,settings){settings.parts=settings.parts<1?1:settings.parts;settings.shiftValue.x=settings.shiftValue.x<0?settings.shiftValue.x*-1:settings.shiftValue.x;settings.shiftValue.y=settings.shiftValue.y<0?settings.shiftValue.y*-1:settings.shiftValue.y;var vars=$slider.data('slider:vars');var
partDuration,partDelay=settings.partDelay,activeContent=vars.active.html(),nextContent=vars.next.html(),width=$slider.width(),height=$slider.height(),$activeParts=preSlide($slider,settings,vars.active),$nextParts=preSlide($slider,settings,vars.next),activeBackgroundImage=vars.active.css('background-image'),activeBackgroundColor=vars.active.css('background-color'),nextBackgroundImage=vars.next.css('background-image'),nextBackgroundColor=vars.next.css('background-color'),delay=0;partDuration=settings.effectTime-(2*((settings.parts- 1)*partDelay));vars.active.css({backgroundImage:'none',backgroundColor:'none',opacity:1});vars.next.css({backgroundImage:'none',backgroundColor:'none',opacity:1,zIndex:2});var values=[],aniMap={opacity:0},cssMapNext={opacity:0};switch(direction){case'toTop':aniMap.left=-settings.shiftValue.x;aniMap.top=-settings.shiftValue.y;cssMapNext.left=settings.shiftValue.x;cssMapNext.top=height+ settings.shiftValue.y;values.width=width;values.height=vars.next.height()/ settings.parts;
break;case'toRight':values.width=vars.next.width()/ settings.parts;
values.height=height;aniMap.top=-settings.shiftValue.y;aniMap.right=-settings.shiftValue.x;cssMapNext.top=settings.shiftValue.y;cssMapNext.right=width+ settings.shiftValue.x;break;case'toBottom':values.width=width;values.height=vars.next.height()/ settings.parts;
aniMap.left=-settings.shiftValue.x;aniMap.bottom=-settings.shiftValue.y;cssMapNext.left=settings.shiftValue.x;cssMapNext.bottom=height+ settings.shiftValue.y;break;case'toLeft':values.width=vars.next.width()/ settings.parts;
values.height=height;aniMap.top=-settings.shiftValue.y;aniMap.left=-settings.shiftValue.x;cssMapNext.top=settings.shiftValue.y;cssMapNext.left=width+ settings.shiftValue.x;break;}
if(settings.animateActive){$activeParts.each(function(i){$this=$(this);$this.delay(partDelay*i).animate(aniMap,partDuration,settings.easing);});delay=settings.parts*partDelay;}
$nextParts.each(function(i){var $this=$(this),newValues=[],aniMap={opacity:1};switch(direction){case'toTop':aniMap.left=0;aniMap.top=values.height*i;break;case'toRight':aniMap.top=0;aniMap.right=values.width*i;break;case'toBottom':aniMap.left=0;aniMap.bottom=values.height*i;break;case'toLeft':aniMap.top=0;aniMap.left=values.width*i;break;}
$this.delay(delay).css(cssMapNext).delay(i*partDelay).animate(aniMap,partDuration,settings.easing,function(){if(i==settings.parts- 1){vars.active.html(activeContent);vars.next.html(nextContent);vars.active.css({backgroundImage:activeBackgroundImage,backgroundColor:activeBackgroundColor,opacity:0});vars.next.css({backgroundImage:nextBackgroundImage,backgroundColor:nextBackgroundColor,opacity:1});callback($slider,settings);}});});}
slideBars($slider,settings);}};$.fn.rhinoslider.preparations={none:function($slider,settings,vars){},fade:function($slider,settings,vars){},slide:function($slider,settings,vars){vars.items.css('overflow','hidden');$slider.css('overflow','hidden');},kick:function($slider,settings,vars){vars.items.css('overflow','hidden');settings.shiftValue.x=parseInt(tmpShiftValue,10);settings.shiftValue.y=parseInt(tmpShiftValue,10);settings.parts.x=parseInt(tmpParts,10);settings.parts.y=parseInt(tmpParts,10);},transfer:function($slider,settings,vars){var shiftValue=String(tmpShiftValue);if(shiftValue.indexOf(',')>=0){var tmp=shiftValue.split(',');settings.shiftValue.x=parseInt(tmp[0],10);settings.shiftValue.y=parseInt(tmp[1],10);}else{settings.shiftValue.x=parseInt(tmpShiftValue,10);settings.shiftValue.y=parseInt(tmpShiftValue,10);}
vars.items.css('overflow','hidden');},shuffle:function($slider,settings,vars){var shiftValue=String(tmpShiftValue);if(shiftValue.indexOf(',')>=0){var tmp=shiftValue.split(',');settings.shiftValue.x=tmp[0];settings.shiftValue.y=tmp[1];}else{settings.shiftValue.x=parseInt(tmpShiftValue,10);settings.shiftValue.y=parseInt(tmpShiftValue,10);}
var parts=String(tmpParts);if(parts.indexOf(',')>=0){var tmp=parts.split(',');settings.parts.x=tmp[0];settings.parts.y=tmp[1];}else{settings.parts.x=parseInt(tmpParts,10);settings.parts.y=parseInt(tmpParts,10);}
vars.items.css('overflow','visible');},explode:function($slider,settings,vars){var shiftValue=String(tmpShiftValue);if(shiftValue.indexOf(',')>=0){var tmp=shiftValue.split(',');settings.shiftValue.x=tmp[0];settings.shiftValue.y=tmp[1];}else{settings.shiftValue.x=parseInt(tmpShiftValue,10);settings.shiftValue.y=parseInt(tmpShiftValue,10);}
var parts=String(tmpParts);if(parts.indexOf(',')>=0){var tmp=parts.split(',');settings.parts.x=tmp[0];settings.parts.y=tmp[1];}else{settings.parts.x=parseInt(tmpParts,10);settings.parts.y=parseInt(tmpParts,10);}
vars.items.css('overflow','visible');},turnOver:function($slider,settings,vars){vars.items.css('overflow','hidden');$slider.css('overflow','hidden');},chewyBars:function($slider,settings,vars){var shiftValue=String(tmpShiftValue);if(shiftValue.indexOf(',')>=0){var tmp=shiftValue.split(',');settings.shiftValue.x=parseInt(tmp[0],10);settings.shiftValue.y=parseInt(tmp[1],10);}else{settings.shiftValue.x=parseInt(tmpShiftValue,10);settings.shiftValue.y=parseInt(tmpShiftValue,10);}
var parts=String(tmpParts);if(parts.indexOf(',')>=0){var tmp=parts.split(',');settings.parts=parseInt(tmp[0],10)*parseInt(tmp[1],10);}else{settings.parts=parseInt(tmpParts,10);}
vars.items.css('overflow','visible');}};})(jQuery,window);
/*! Copyright (c) 2011 Brandon Aaron (http://brandonaaron.net)
 * Licensed under the MIT License (LICENSE.txt).
 *
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 * Thanks to: Seamus Leahy for adding deltaX and deltaY
 *
 * Version: 3.0.6
 *
 * Requires: 1.2.2+
 */
(function(f){function g(a){var n=a||window.event,m=[].slice.call(arguments,1),l=0,k=!0,j=0,i=0;
return a=f.event.fix(n),a.type="mousewheel",n.wheelDelta&&(l=n.wheelDelta/120),n.detail&&(l=-n.detail/3),i=l,n.axis!==undefined&&n.axis===n.HORIZONTAL_AXIS&&(i=0,j=-1*l),n.wheelDeltaY!==undefined&&(i=n.wheelDeltaY/120),n.wheelDeltaX!==undefined&&(j=-1*n.wheelDeltaX/120),m.unshift(a,l,j,i),(f.event.dispatch||f.event.handle).apply(this,m)
}var e=["DOMMouseScroll","mousewheel"];
if(f.event.fixHooks){for(var h=e.length;
h;){f.event.fixHooks[e[--h]]=f.event.mouseHooks
}}f.event.special.mousewheel={setup:function(){if(this.addEventListener){for(var b=e.length;
b;){this.addEventListener(e[--b],g,!1)
}}else{this.onmousewheel=g
}},teardown:function(){if(this.removeEventListener){for(var b=e.length;
b;){this.removeEventListener(e[--b],g,!1)
}}else{this.onmousewheel=null
}}},f.fn.extend({mousewheel:function(b){return b?this.bind("mousewheel",b):this.trigger("mousewheel")
},unmousewheel:function(b){return this.unbind("mousewheel",b)
}})})(jQuery);
//]]>
</script>

4. Copas kode HTM berikut ini di atas kode <b:section class='main' id='main' maxwidgets='2' name='Main' showaddelements='no'>

<div id='uj-sliderx'>
<b:section id='uj-slider' preferred='yes'>
  <b:widget id='HTML8' locked='false' mobile='yes' title='Slider' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Featured</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
 <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
   <h2 class='title'><span><data:title/></span></h2>
  </b:if>
  <div class='widget-content'>
    <div class='rhino'/>
<script type='text/javascript'>
slide1({
idcontaint:&quot;.rhino&quot;,
MaxPost:5,
ImageSize: 620,
tagName:&quot;<data:content/>&quot;
});
</script>
<div class='clear'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
              </div>

5. Save!

6. Klik Layout > edit Slider > masukkan Label, misalnya Featured atau label apa saja.

Anda juga bisa memasang featured post slider menggunakan Recent Post FlexSlider.

Sekian cara memasang Rhino Featured Slider Widget untuk Blogger. (bloggerbandung.net).*