Bloggerdaddy - A guide for new blogger

jQuery Image Slider For Blogger - V3

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="tr_bq">
 </div>
<div class="tr_bq" style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlcU-ghIcw3ow90ARr3spAsdUJ7QwmNmATxUGMGomnbQ0eupEC4fzgdtkbAY82RTYdkBcRFsNkk6UmX9cIpk3DOK1SgHZSSLytBonqJDLCFNk2VPOOTCE7ANyKmTQ1bRWsCcPAPdzKwvc/s1600/Jquery-Blogger-slider%255B14%255D.jpg" imageanchor="1"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlcU-ghIcw3ow90ARr3spAsdUJ7QwmNmATxUGMGomnbQ0eupEC4fzgdtkbAY82RTYdkBcRFsNkk6UmX9cIpk3DOK1SgHZSSLytBonqJDLCFNk2VPOOTCE7ANyKmTQ1bRWsCcPAPdzKwvc/s320/Jquery-Blogger-slider%255B14%255D.jpg" width="320" /></a></div>
<div class="tr_bq">
 </div>
<div class="tr_bq">
As per your requests we are glad to present yet another stunning version
 of Image slideshow Widget for BlogSpot blogs. This widget is different 
from its previous versions with regard to speed, load time, navigation 
and control options. You can use it to display even your Featured Posts
 using the Featured post title and description. This widget is again an 
extracted code from a WordPress template. The slider is coded such that 
it will appear on your homepage only.</div>
 
<h3>
 Adding the Slider To Blogger:</h3>
Kindly follow these steps: 
 
<ol>
<li>Go To Blogger > Design > Edit HTML </li>
<li>Backup your template </li>
<li>Search for </head> </li>
<li>Just above it paste the jQuery code </li>
</ol>
<div>
 </div>
<blockquote class="tr_bq">
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ (function($){ 	/* hoverIntent by Brian Cherne */ 	$.fn.hoverIntent = function(f,g) { 		// default configuration options 		var cfg = { 			sensitivity: 7, 			interval: 100, 			timeout: 0 		}; 		// override configuration options with user supplied object 		cfg = $.extend(cfg, g ? { over: f, out: g } : f ); 		// instantiate variables 		// cX, cY = current X and Y position of mouse, updated by mousemove event 		// pX, pY = previous X and Y position of mouse, set by mouseover and polling interval 		var cX, cY, pX, pY; 		// A private function for getting mouse position 		var track = function(ev) { 			cX = ev.pageX; 			cY = ev.pageY; 		}; 		// A private function for comparing current and previous mouse position 		var compare = function(ev,ob) { 			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); 			// compare mouse positions to see if they've crossed the threshold 			if ( ( Math.abs(pX-cX) + Math.abs(pY-cY) ) < cfg.sensitivity ) { 				$(ob).unbind("mousemove",track); 				// set hoverIntent state to true (so mouseOut can be called) 				ob.hoverIntent_s = 1; 				return cfg.over.apply(ob,[ev]); 			} else { 				// set previous coordinates for next time 				pX = cX; pY = cY; 				// use self-calling timeout, guarantees intervals are spaced out properly (avoids JavaScript timer bugs) 				ob.hoverIntent_t = setTimeout( function(){compare(ev, ob);} , cfg.interval ); 			} 		}; 		// A private function for delaying the mouseOut function 		var delay = function(ev,ob) { 			ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); 			ob.hoverIntent_s = 0; 			return cfg.out.apply(ob,[ev]); 		}; 		// A private function for handling mouse 'hovering' 		var handleHover = function(e) { 			// next three lines copied from jQuery.hover, ignore children onMouseOver/onMouseOut 			var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; 			while ( p && p != this ) { try { p = p.parentNode; } catch(e) { p = this; } } 			if ( p == this ) { return false; } 			// copy objects to be passed into t (required for event object to be passed in IE) 			var ev = jQuery.extend({},e); 			var ob = this; 			// cancel hoverIntent timer if it exists 			if (ob.hoverIntent_t) { ob.hoverIntent_t = clearTimeout(ob.hoverIntent_t); } 			// else e.type == "onmouseover" 			if (e.type == "mouseover") { 				// set "previous" X and Y position based on initial entry point 				pX = ev.pageX; pY = ev.pageY; 				// update "current" X and Y position based on mousemove 				$(ob).bind("mousemove",track); 				// start polling interval (self-calling timeout) to compare mouse coordinates over time 				if (ob.hoverIntent_s != 1) { ob.hoverIntent_t = setTimeout( function(){compare(ev,ob);} , cfg.interval );} 			// else e.type == "onmouseout" 			} else { 				// unbind expensive mousemove event 				$(ob).unbind("mousemove",track); 				// if hoverIntent state is true, then call the mouseOut function after the specified delay 				if (ob.hoverIntent_s == 1) { ob.hoverIntent_t = setTimeout( function(){delay(ev,ob);} , cfg.timeout );} 			} 		}; 		// bind the function to the two event listeners 		return this.mouseover(handleHover).mouseout(handleHover); 	}; 	})(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ /*  * Superfish v1.4.8 - jQuery menu widget  * Copyright (c) 2008 Joel Birch  *  * Dual licensed under the MIT and GPL licenses:  * 	http://www.opensource.org/licenses/mit-license.php  * 	http://www.gnu.org/licenses/gpl.html  *  * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt  */ ;(function($){ 	$.fn.superfish = function(op){ 		var sf = $.fn.superfish, 			c = sf.c, 			$arrow = $([' &#187;'].join('')), 			over = function(){ 				var $$ = $(this), menu = getMenu($$); 				clearTimeout(menu.sfTimer); 				$$.showSuperfishUl().siblings().hideSuperfishUl(); 			}, 			out = function(){ 				var $$ = $(this), menu = getMenu($$), o = sf.op; 				clearTimeout(menu.sfTimer); 				menu.sfTimer=setTimeout(function(){ 					o.retainPath=($.inArray($$[0],o.$path)>-1); 					$$.hideSuperfishUl(); 					if (o.$path.length && $$.parents(['li.',o.hoverClass].join('')).length<1){over.call(o.$path);} 				},o.delay);				}, 			getMenu = function($menu){ 				var menu = $menu.parents(['ul.',c.menuClass,':first'].join(''))[0]; 				sf.op = sf.o[menu.serial]; 				return menu; 			}, 			addArrow = function($a){ $a.addClass(c.anchorClass).append($arrow.clone()); }; 					return this.each(function() { 			var s = this.serial = sf.o.length; 			var o = $.extend({},sf.defaults,op); 			o.$path = $('li.'+o.pathClass,this).slice(0,o.pathLevels).each(function(){ 				$(this).addClass([o.hoverClass,c.bcClass].join(' ')) 					.filter('li:has(ul)').removeClass(o.pathClass); 			}); 			sf.o[s] = sf.op = o; 						$('li:has(ul)',this)[($.fn.hoverIntent && !o.disableHI) ? 'hoverIntent' : 'hover'](over,out).each(function() { 				if (o.autoArrows) addArrow( $('>a:first-child',this) ); 			}) 			.not('.'+c.bcClass) 				.hideSuperfishUl(); 						var $a = $('a',this); 			$a.each(function(i){ 				var $li = $a.eq(i).parents('li'); 				$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);}); 			}); 			o.onInit.call(this); 					}).each(function() { 			var menuClasses = [c.menuClass]; 			if (sf.op.dropShadows  && !($.browser.msie && $.browser.version < 7)) menuClasses.push(c.shadowClass); 			$(this).addClass(menuClasses.join(' ')); 		}); 	}; 	var sf = $.fn.superfish; 	sf.o = []; 	sf.op = {}; 	sf.IE7fix = function(){ 		var o = sf.op; 		if ($.browser.msie && $.browser.version > 6 && o.dropShadows && o.animation.opacity!=undefined) 			this.toggleClass(sf.c.shadowClass+'-off'); 		}; 	sf.c = { 		bcClass     : 'sf-breadcrumb', 		menuClass   : 'sf-js-enabled', 		anchorClass : 'sf-with-ul', 		arrowClass  : 'sf-sub-indicator', 		shadowClass : 'sf-shadow' 	}; 	sf.defaults = { 		hoverClass	: 'sfHover', 		pathClass	: 'overideThisToUse', 		pathLevels	: 1, 		delay		: 800, 		animation	: {opacity:'show'}, 		speed		: 'normal', 		autoArrows	: true, 		dropShadows : true, 		disableHI	: false,		// true disables hoverIntent detection 		onInit		: function(){}, // callback functions 		onBeforeShow: function(){}, 		onShow		: function(){}, 		onHide		: function(){} 	}; 	$.fn.extend({ 		hideSuperfishUl : function(){ 			var o = sf.op, 				not = (o.retainPath===true) ? o.$path : ''; 			o.retainPath = false; 			var $ul = $(['li.',o.hoverClass].join(''),this).add(this).not(not).removeClass(o.hoverClass) 					.find('>ul').hide().css('visibility','hidden'); 			o.onHide.call($ul); 			return this; 		}, 		showSuperfishUl : function(){ 			var o = sf.op, 				sh = sf.c.shadowClass+'-off', 				$ul = this.addClass(o.hoverClass) 					.find('>ul:hidden').css('visibility','visible'); 			sf.IE7fix.call($ul); 			o.onBeforeShow.call($ul); 			$ul.animate(o.animation,o.speed,function(){ sf.IE7fix.call($ul); o.onShow.call($ul); }); 			return this; 		} 	}); })(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ /*  * jQuery Cycle Plugin (with Transition Definitions)  * Examples and documentation at: http://jquery.malsup.com/cycle/  * Copyright (c) 2007-2010 M. Alsup  * Version: 2.88 (08-JUN-2010)  * Dual licensed under the MIT and GPL licenses.  * http://jquery.malsup.com/license.html  * Requires: jQuery v1.2.6 or later  */ (function($){var ver="2.88";if($.support==undefined){$.support={opacity:!($.browser.msie)};}function debug(s){if($.fn.cycle.debug){log(s);}}function log(){if(window.console&&window.console.log){window.console.log("[cycle] "+Array.prototype.join.call(arguments," "));}}$.fn.cycle=function(options,arg2){var o={s:this.selector,c:this.context};if(this.length===0&&options!="stop"){if(!$.isReady&&o.s){log("DOM not ready, queuing slideshow");$(function(){$(o.s,o.c).cycle(options,arg2);});return this;}log("terminating; zero elements found by selector"+($.isReady?"":" (DOM not ready)"));return this;}return this.each(function(){var opts=handleArguments(this,options,arg2);if(opts===false){return;}opts.updateActivePagerLink=opts.updateActivePagerLink||$.fn.cycle.updateActivePagerLink;if(this.cycleTimeout){clearTimeout(this.cycleTimeout);}this.cycleTimeout=this.cyclePause=0;var $cont=$(this);var $slides=opts.slideExpr?$(opts.slideExpr,this):$cont.children();var els=$slides.get();if(els.length<2){log("terminating; too few slides: "+els.length);return;}var opts2=buildOptions($cont,$slides,els,opts,o);if(opts2===false){return;}var startTime=opts2.continuous?10:getTimeout(els[opts2.currSlide],els[opts2.nextSlide],opts2,!opts2.rev);if(startTime){startTime+=(opts2.delay||0);if(startTime<10){startTime=10;}debug("first timeout: "+startTime);this.cycleTimeout=setTimeout(function(){go(els,opts2,0,(!opts2.rev&&!opts.backwards));},startTime);}});};function handleArguments(cont,options,arg2){if(cont.cycleStop==undefined){cont.cycleStop=0;}if(options===undefined||options===null){options={};}if(options.constructor==String){switch(options){case"destroy":case"stop":var opts=$(cont).data("cycle.opts");if(!opts){return false;}cont.cycleStop++;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);}cont.cycleTimeout=0;$(cont).removeData("cycle.opts");if(options=="destroy"){destroy(opts);}return false;case"toggle":cont.cyclePause=(cont.cyclePause===1)?0:1;checkInstantResume(cont.cyclePause,arg2,cont);return false;case"pause":cont.cyclePause=1;return false;case"resume":cont.cyclePause=0;checkInstantResume(false,arg2,cont);return false;case"prev":case"next":var opts=$(cont).data("cycle.opts");if(!opts){log('options not found, "prev/next" ignored');return false;}$.fn.cycle[options](opts);return false;default:options={fx:options};}return options;}else{if(options.constructor==Number){var num=options;options=$(cont).data("cycle.opts");if(!options){log("options not found, can not advance slide");return false;}if(num<0||num>=options.elements.length){log("invalid slide index: "+num);return false;}options.nextSlide=num;if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}if(typeof arg2=="string"){options.oneTimeFx=arg2;}go(options.elements,options,1,num>=options.currSlide);return false;}}return options;function checkInstantResume(isPaused,arg2,cont){if(!isPaused&&arg2===true){var options=$(cont).data("cycle.opts");if(!options){log("options not found, can not resume");return false;}if(cont.cycleTimeout){clearTimeout(cont.cycleTimeout);cont.cycleTimeout=0;}go(options.elements,options,1,(!opts.rev&&!opts.backwards));}}}function removeFilter(el,opts){if(!$.support.opacity&&opts.cleartype&&el.style.filter){try{el.style.removeAttribute("filter");}catch(smother){}}}function destroy(opts){if(opts.next){$(opts.next).unbind(opts.prevNextEvent);}if(opts.prev){$(opts.prev).unbind(opts.prevNextEvent);}if(opts.pager||opts.pagerAnchorBuilder){$.each(opts.pagerAnchors||[],function(){this.unbind().remove();});}opts.pagerAnchors=null;if(opts.destroy){opts.destroy(opts);}}function buildOptions($cont,$slides,els,options,o){var opts=$.extend({},$.fn.cycle.defaults,options||{},$.metadata?$cont.metadata():$.meta?$cont.data():{});if(opts.autostop){opts.countdown=opts.autostopCount||els.length;}var cont=$cont[0];$cont.data("cycle.opts",opts);opts.$cont=$cont;opts.stopCount=cont.cycleStop;opts.elements=els;opts.before=opts.before?[opts.before]:[];opts.after=opts.after?[opts.after]:[];opts.after.unshift(function(){opts.busy=0;});if(!$.support.opacity&&opts.cleartype){opts.after.push(function(){removeFilter(this,opts);});}if(opts.continuous){opts.after.push(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));});}saveOriginalOpts(opts);if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($slides);}if($cont.css("position")=="static"){$cont.css("position","relative");}if(opts.width){$cont.width(opts.width);}if(opts.height&&opts.height!="auto"){$cont.height(opts.height);}if(opts.startingSlide){opts.startingSlide=parseInt(opts.startingSlide);}else{if(opts.backwards){opts.startingSlide=els.length-1;}}if(opts.random){opts.randomMap=[];for(var i=0;i<els.length;i++){opts.randomMap.push(i);}opts.randomMap.sort(function(a,b){return Math.random()-0.5;});opts.randomIndex=1;opts.startingSlide=opts.randomMap[1];}else{if(opts.startingSlide>=els.length){opts.startingSlide=0;}}opts.currSlide=opts.startingSlide||0;var first=opts.startingSlide;$slides.css({position:"absolute",top:0,left:0}).hide().each(function(i){var z;if(opts.backwards){z=first?i<=first?els.length+(i-first):first-i:els.length-i;}else{z=first?i>=first?els.length-(i-first):first-i:els.length-i;}$(this).css("z-index",z);});$(els[first]).css("opacity",1).show();removeFilter(els[first],opts);if(opts.fit&&opts.width){$slides.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}var reshape=opts.containerResize&&!$cont.innerHeight();if(reshape){var maxw=0,maxh=0;for(var j=0;j<els.length;j++){var $e=$(els[j]),e=$e[0],w=$e.outerWidth(),h=$e.outerHeight();if(!w){w=e.offsetWidth||e.width||$e.attr("width");}if(!h){h=e.offsetHeight||e.height||$e.attr("height");}maxw=w>maxw?w:maxw;maxh=h>maxh?h:maxh;}if(maxw>0&&maxh>0){$cont.css({width:maxw+"px",height:maxh+"px"});}}if(opts.pause){$cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;});}if(supportMultiTransitions(opts)===false){return false;}var requeue=false;options.requeueAttempts=options.requeueAttempts||0;$slides.each(function(){var $el=$(this);this.cycleH=(opts.fit&&opts.height)?opts.height:($el.height()||this.offsetHeight||this.height||$el.attr("height")||0);this.cycleW=(opts.fit&&opts.width)?opts.width:($el.width()||this.offsetWidth||this.width||$el.attr("width")||0);if($el.is("img")){var loadingIE=($.browser.msie&&this.cycleW==28&&this.cycleH==30&&!this.complete);var loadingFF=($.browser.mozilla&&this.cycleW==34&&this.cycleH==19&&!this.complete);var loadingOp=($.browser.opera&&((this.cycleW==42&&this.cycleH==19)||(this.cycleW==37&&this.cycleH==17))&&!this.complete);var loadingOther=(this.cycleH==0&&this.cycleW==0&&!this.complete);if(loadingIE||loadingFF||loadingOp||loadingOther){if(o.s&&opts.requeueOnImageNotLoaded&&++options.requeueAttempts<100){log(options.requeueAttempts," - img slide not loaded, requeuing slideshow: ",this.src,this.cycleW,this.cycleH);setTimeout(function(){$(o.s,o.c).cycle(options);},opts.requeueTimeout);requeue=true;return false;}else{log("could not determine size of image: "+this.src,this.cycleW,this.cycleH);}}}return true;});if(requeue){return false;}opts.cssBefore=opts.cssBefore||{};opts.animIn=opts.animIn||{};opts.animOut=opts.animOut||{};$slides.not(":eq("+first+")").css(opts.cssBefore);if(opts.cssFirst){$($slides[first]).css(opts.cssFirst);}if(opts.timeout){opts.timeout=parseInt(opts.timeout);if(opts.speed.constructor==String){opts.speed=$.fx.speeds[opts.speed]||parseInt(opts.speed);}if(!opts.sync){opts.speed=opts.speed/2;}var buffer=opts.fx=="shuffle"?500:250;while((opts.timeout-opts.speed)<buffer){opts.timeout+=opts.speed;}}if(opts.easing){opts.easeIn=opts.easeOut=opts.easing;}if(!opts.speedIn){opts.speedIn=opts.speed;}if(!opts.speedOut){opts.speedOut=opts.speed;}opts.slideCount=els.length;opts.currSlide=opts.lastSlide=first;if(opts.random){if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.backwards){opts.nextSlide=opts.startingSlide==0?(els.length-1):opts.startingSlide-1;}else{opts.nextSlide=opts.startingSlide>=(els.length-1)?0:opts.startingSlide+1;}}if(!opts.multiFx){var init=$.fn.cycle.transitions[opts.fx];if($.isFunction(init)){init($cont,$slides,opts);}else{if(opts.fx!="custom"&&!opts.multiFx){log("unknown transition: "+opts.fx,"; slideshow terminating");return false;}}}var e0=$slides[first];if(opts.before.length){opts.before[0].apply(e0,[e0,e0,opts,true]);}if(opts.after.length>1){opts.after[1].apply(e0,[e0,e0,opts,true]);}if(opts.next){$(opts.next).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?-1:1);});}if(opts.prev){$(opts.prev).bind(opts.prevNextEvent,function(){return advance(opts,opts.rev?1:-1);});}if(opts.pager||opts.pagerAnchorBuilder){buildPager(els,opts);}exposeAddSlide(opts,els);return opts;}function saveOriginalOpts(opts){opts.original={before:[],after:[]};opts.original.cssBefore=$.extend({},opts.cssBefore);opts.original.cssAfter=$.extend({},opts.cssAfter);opts.original.animIn=$.extend({},opts.animIn);opts.original.animOut=$.extend({},opts.animOut);$.each(opts.before,function(){opts.original.before.push(this);});$.each(opts.after,function(){opts.original.after.push(this);});}function supportMultiTransitions(opts){var i,tx,txs=$.fn.cycle.transitions;if(opts.fx.indexOf(",")>0){opts.multiFx=true;opts.fxs=opts.fx.replace(/\s*/g,"").split(",");for(i=0;i<opts.fxs.length;i++){var fx=opts.fxs[i];tx=txs[fx];if(!tx||!txs.hasOwnProperty(fx)||!$.isFunction(tx)){log("discarding unknown transition: ",fx);opts.fxs.splice(i,1);i--;}}if(!opts.fxs.length){log("No valid transitions named; slideshow terminating.");return false;}}else{if(opts.fx=="all"){opts.multiFx=true;opts.fxs=[];for(p in txs){tx=txs[p];if(txs.hasOwnProperty(p)&&$.isFunction(tx)){opts.fxs.push(p);}}}}if(opts.multiFx&&opts.randomizeEffects){var r1=Math.floor(Math.random()*20)+30;for(i=0;i<r1;i++){var r2=Math.floor(Math.random()*opts.fxs.length);opts.fxs.push(opts.fxs.splice(r2,1)[0]);}debug("randomized fx sequence: ",opts.fxs);}return true;}function exposeAddSlide(opts,els){opts.addSlide=function(newSlide,prepend){var $s=$(newSlide),s=$s[0];if(!opts.autostopCount){opts.countdown++;}els[prepend?"unshift":"push"](s);if(opts.els){opts.els[prepend?"unshift":"push"](s);}opts.slideCount=els.length;$s.css("position","absolute");$s[prepend?"prependTo":"appendTo"](opts.$cont);if(prepend){opts.currSlide++;opts.nextSlide++;}if(!$.support.opacity&&opts.cleartype&&!opts.cleartypeNoBg){clearTypeFix($s);}if(opts.fit&&opts.width){$s.width(opts.width);}if(opts.fit&&opts.height&&opts.height!="auto"){$slides.height(opts.height);}s.cycleH=(opts.fit&&opts.height)?opts.height:$s.height();s.cycleW=(opts.fit&&opts.width)?opts.width:$s.width();$s.css(opts.cssBefore);if(opts.pager||opts.pagerAnchorBuilder){$.fn.cycle.createPagerAnchor(els.length-1,s,$(opts.pager),els,opts);}if($.isFunction(opts.onAddSlide)){opts.onAddSlide($s);}else{$s.hide();}};}$.fn.cycle.resetState=function(opts,fx){fx=fx||opts.fx;opts.before=[];opts.after=[];opts.cssBefore=$.extend({},opts.original.cssBefore);opts.cssAfter=$.extend({},opts.original.cssAfter);opts.animIn=$.extend({},opts.original.animIn);opts.animOut=$.extend({},opts.original.animOut);opts.fxFn=null;$.each(opts.original.before,function(){opts.before.push(this);});$.each(opts.original.after,function(){opts.after.push(this);});var init=$.fn.cycle.transitions[fx];if($.isFunction(init)){init(opts.$cont,$(opts.elements),opts);}};function go(els,opts,manual,fwd){if(manual&&opts.busy&&opts.manualTrump){debug("manualTrump in go(), stopping active transition");$(els).stop(true,true);opts.busy=false;}if(opts.busy){debug("transition active, ignoring new tx request");return;}var p=opts.$cont[0],curr=els[opts.currSlide],next=els[opts.nextSlide];if(p.cycleStop!=opts.stopCount||p.cycleTimeout===0&&!manual){return;}if(!manual&&!p.cyclePause&&!opts.bounce&&((opts.autostop&&(--opts.countdown<=0))||(opts.nowrap&&!opts.random&&opts.nextSlide<opts.currSlide))){if(opts.end){opts.end(opts);}return;}var changed=false;if((manual||!p.cyclePause)&&(opts.nextSlide!=opts.currSlide)){changed=true;var fx=opts.fx;curr.cycleH=curr.cycleH||$(curr).height();curr.cycleW=curr.cycleW||$(curr).width();next.cycleH=next.cycleH||$(next).height();next.cycleW=next.cycleW||$(next).width();if(opts.multiFx){if(opts.lastFx==undefined||++opts.lastFx>=opts.fxs.length){opts.lastFx=0;}fx=opts.fxs[opts.lastFx];opts.currFx=fx;}if(opts.oneTimeFx){fx=opts.oneTimeFx;opts.oneTimeFx=null;}$.fn.cycle.resetState(opts,fx);if(opts.before.length){$.each(opts.before,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});}var after=function(){$.each(opts.after,function(i,o){if(p.cycleStop!=opts.stopCount){return;}o.apply(next,[curr,next,opts,fwd]);});};debug("tx firing; currSlide: "+opts.currSlide+"; nextSlide: "+opts.nextSlide);opts.busy=1;if(opts.fxFn){opts.fxFn(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{if($.isFunction($.fn.cycle[opts.fx])){$.fn.cycle[opts.fx](curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}else{$.fn.cycle.custom(curr,next,opts,after,fwd,manual&&opts.fastOnEvent);}}}if(changed||opts.nextSlide==opts.currSlide){opts.lastSlide=opts.currSlide;if(opts.random){opts.currSlide=opts.nextSlide;if(++opts.randomIndex==els.length){opts.randomIndex=0;}opts.nextSlide=opts.randomMap[opts.randomIndex];if(opts.nextSlide==opts.currSlide){opts.nextSlide=(opts.currSlide==opts.slideCount-1)?0:opts.currSlide+1;}}else{if(opts.backwards){var roll=(opts.nextSlide-1)<0;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=1;opts.currSlide=0;}else{opts.nextSlide=roll?(els.length-1):opts.nextSlide-1;opts.currSlide=roll?0:opts.nextSlide+1;}}else{var roll=(opts.nextSlide+1)==els.length;if(roll&&opts.bounce){opts.backwards=!opts.backwards;opts.nextSlide=els.length-2;opts.currSlide=els.length-1;}else{opts.nextSlide=roll?0:opts.nextSlide+1;opts.currSlide=roll?els.length-1:opts.nextSlide-1;}}}}if(changed&&opts.pager){opts.updateActivePagerLink(opts.pager,opts.currSlide,opts.activePagerClass);}var ms=0;if(opts.timeout&&!opts.continuous){ms=getTimeout(els[opts.currSlide],els[opts.nextSlide],opts,fwd);}else{if(opts.continuous&&p.cyclePause){ms=10;}}if(ms>0){p.cycleTimeout=setTimeout(function(){go(els,opts,0,(!opts.rev&&!opts.backwards));},ms);}}$.fn.cycle.updateActivePagerLink=function(pager,currSlide,clsName){$(pager).each(function(){$(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);});};function getTimeout(curr,next,opts,fwd){if(opts.timeoutFn){var t=opts.timeoutFn.call(curr,curr,next,opts,fwd);while((t-opts.speed)<250){t+=opts.speed;}debug("calculated timeout: "+t+"; speed: "+opts.speed);if(t!==false){return t;}}return opts.timeout;}$.fn.cycle.next=function(opts){advance(opts,opts.rev?-1:1);};$.fn.cycle.prev=function(opts){advance(opts,opts.rev?1:-1);};function advance(opts,val){var els=opts.elements;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}if(opts.random&&val<0){opts.randomIndex--;if(--opts.randomIndex==-2){opts.randomIndex=els.length-2;}else{if(opts.randomIndex==-1){opts.randomIndex=els.length-1;}}opts.nextSlide=opts.randomMap[opts.randomIndex];}else{if(opts.random){opts.nextSlide=opts.randomMap[opts.randomIndex];}else{opts.nextSlide=opts.currSlide+val;if(opts.nextSlide<0){if(opts.nowrap){return false;}opts.nextSlide=els.length-1;}else{if(opts.nextSlide>=els.length){if(opts.nowrap){return false;}opts.nextSlide=0;}}}}var cb=opts.onPrevNextEvent||opts.prevNextClick;if($.isFunction(cb)){cb(val>0,opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,val>=0);return false;}function buildPager(els,opts){var $p=$(opts.pager);$.each(els,function(i,o){$.fn.cycle.createPagerAnchor(i,o,$p,els,opts);});opts.updateActivePagerLink(opts.pager,opts.startingSlide,opts.activePagerClass);}$.fn.cycle.createPagerAnchor=function(i,el,$p,els,opts){var a;if($.isFunction(opts.pagerAnchorBuilder)){a=opts.pagerAnchorBuilder(i,el);debug("pagerAnchorBuilder("+i+", el) returned: "+a);}else{a='<a href="#">'+(i+1)+"</a>";}if(!a){return;}var $a=$(a);if($a.parents("body").length===0){var arr=[];if($p.length>1){$p.each(function(){var $clone=$a.clone(true);$(this).append($clone);arr.push($clone[0]);});$a=$(arr);}else{$a.appendTo($p);}}opts.pagerAnchors=opts.pagerAnchors||[];opts.pagerAnchors.push($a);$a.bind(opts.pagerEvent,function(e){e.preventDefault();opts.nextSlide=i;var p=opts.$cont[0],timeout=p.cycleTimeout;if(timeout){clearTimeout(timeout);p.cycleTimeout=0;}var cb=opts.onPagerEvent||opts.pagerClick;if($.isFunction(cb)){cb(opts.nextSlide,els[opts.nextSlide]);}go(els,opts,1,opts.currSlide<i);});if(!/^click/.test(opts.pagerEvent)&&!opts.allowPagerClickBubble){$a.bind("click.cycle",function(){return false;});}if(opts.pauseOnPagerHover){$a.hover(function(){opts.$cont[0].cyclePause++;},function(){opts.$cont[0].cyclePause--;});}};$.fn.cycle.hopsFromLast=function(opts,fwd){var hops,l=opts.lastSlide,c=opts.currSlide;if(fwd){hops=c>l?c-l:opts.slideCount-l;}else{hops=c<l?l-c:l+opts.slideCount-c;}return hops;};function clearTypeFix($slides){debug("applying clearType background-color hack");function hex(s){s=parseInt(s).toString(16);return s.length<2?"0"+s:s;}function getBg(e){for(;e&&e.nodeName.toLowerCase()!="html";e=e.parentNode){var v=$.css(e,"background-color");if(v.indexOf("rgb")>=0){var rgb=v.match(/\d+/g);return"#"+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);}if(v&&v!="transparent"){return v;}}return"#ffffff";}$slides.each(function(){$(this).css("background-color",getBg(this));});}$.fn.cycle.commonReset=function(curr,next,opts,w,h,rev){$(opts.elements).not(curr).hide();opts.cssBefore.opacity=1;opts.cssBefore.display="block";if(w!==false&&next.cycleW>0){opts.cssBefore.width=next.cycleW;}if(h!==false&&next.cycleH>0){opts.cssBefore.height=next.cycleH;}opts.cssAfter=opts.cssAfter||{};opts.cssAfter.display="none";$(curr).css("zIndex",opts.slideCount+(rev===true?1:0));$(next).css("zIndex",opts.slideCount+(rev===true?0:1));};$.fn.cycle.custom=function(curr,next,opts,cb,fwd,speedOverride){var $l=$(curr),$n=$(next);var speedIn=opts.speedIn,speedOut=opts.speedOut,easeIn=opts.easeIn,easeOut=opts.easeOut;$n.css(opts.cssBefore);if(speedOverride){if(typeof speedOverride=="number"){speedIn=speedOut=speedOverride;}else{speedIn=speedOut=1;}easeIn=easeOut=null;}var fn=function(){$n.animate(opts.animIn,speedIn,easeIn,cb);};$l.animate(opts.animOut,speedOut,easeOut,function(){if(opts.cssAfter){$l.css(opts.cssAfter);}if(!opts.sync){fn();}});if(opts.sync){fn();}};$.fn.cycle.transitions={fade:function($cont,$slides,opts){$slides.not(":eq("+opts.currSlide+")").css("opacity",0);opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.opacity=0;});opts.animIn={opacity:1};opts.animOut={opacity:0};opts.cssBefore={top:0,left:0};}};$.fn.cycle.ver=function(){return ver;};$.fn.cycle.defaults={fx:"fade",timeout:4000,timeoutFn:null,continuous:0,speed:1000,speedIn:null,speedOut:null,next:null,prev:null,onPrevNextEvent:null,prevNextEvent:"click.cycle",pager:null,onPagerEvent:null,pagerEvent:"click.cycle",allowPagerClickBubble:false,pagerAnchorBuilder:null,before:null,after:null,end:null,easing:null,easeIn:null,easeOut:null,shuffle:null,animIn:null,animOut:null,cssBefore:null,cssAfter:null,fxFn:null,height:"auto",startingSlide:0,sync:1,random:0,fit:0,containerResize:1,pause:0,pauseOnPagerHover:0,autostop:0,autostopCount:0,delay:0,slideExpr:null,cleartype:!$.support.opacity,cleartypeNoBg:false,nowrap:0,fastOnEvent:0,randomizeEffects:1,rev:0,manualTrump:true,requeueOnImageNotLoaded:true,requeueTimeout:250,activePagerClass:"activeSlide",updateActivePagerLink:null,backwards:false};})(jQuery); /*  * jQuery Cycle Plugin Transition Definitions  * This script is a plugin for the jQuery Cycle Plugin  * Examples and documentation at: http://malsup.com/jquery/cycle/  * Copyright (c) 2007-2010 M. Alsup  * Version:	 2.72  * Dual licensed under the MIT and GPL licenses:  * http://www.opensource.org/licenses/mit-license.php  * http://www.gnu.org/licenses/gpl.html  */ (function($){$.fn.cycle.transitions.none=function($cont,$slides,opts){opts.fxFn=function(curr,next,opts,after){$(next).show();$(curr).hide();after();};};$.fn.cycle.transitions.scrollUp=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssBefore={top:h,left:0};opts.cssFirst={top:0};opts.animIn={top:0};opts.animOut={top:-h};};$.fn.cycle.transitions.scrollDown=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var h=$cont.height();opts.cssFirst={top:0};opts.cssBefore={top:-h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.scrollLeft=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:0-w};};$.fn.cycle.transitions.scrollRight=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push($.fn.cycle.commonReset);var w=$cont.width();opts.cssFirst={left:0};opts.cssBefore={left:-w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.scrollHorz=function($cont,$slides,opts){$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.left=fwd?(next.cycleW-1):(1-next.cycleW);opts.animOut.left=fwd?-curr.cycleW:curr.cycleW;});opts.cssFirst={left:0};opts.cssBefore={top:0};opts.animIn={left:0};opts.animOut={top:0};};$.fn.cycle.transitions.scrollVert=function($cont,$slides,opts){$cont.css("overflow","hidden");opts.before.push(function(curr,next,opts,fwd){$.fn.cycle.commonReset(curr,next,opts);opts.cssBefore.top=fwd?(1-next.cycleH):(next.cycleH-1);opts.animOut.top=fwd?curr.cycleH:-curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0};opts.animIn={top:0};opts.animOut={left:0};};$.fn.cycle.transitions.slideX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;});opts.cssBefore={left:0,top:0,width:0};opts.animIn={width:"show"};opts.animOut={width:0};};$.fn.cycle.transitions.slideY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$(opts.elements).not(curr).hide();$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;});opts.cssBefore={left:0,top:0,height:0};opts.animIn={height:"show"};opts.animOut={height:0};};$.fn.cycle.transitions.shuffle=function($cont,$slides,opts){var i,w=$cont.css("overflow","visible").width();$slides.css({left:0,top:0});opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);});if(!opts.speedAdjusted){opts.speed=opts.speed/2;opts.speedAdjusted=true;}opts.random=0;opts.shuffle=opts.shuffle||{left:-w,top:15};opts.els=[];for(i=0;i<$slides.length;i++){opts.els.push($slides[i]);}for(i=0;i<opts.currSlide;i++){opts.els.push(opts.els.shift());}opts.fxFn=function(curr,next,opts,cb,fwd){var $el=fwd?$(curr):$(next);$(next).css(opts.cssBefore);var count=opts.slideCount;$el.animate(opts.shuffle,opts.speedIn,opts.easeIn,function(){var hops=$.fn.cycle.hopsFromLast(opts,fwd);for(var k=0;k<hops;k++){fwd?opts.els.push(opts.els.shift()):opts.els.unshift(opts.els.pop());}if(fwd){for(var i=0,len=opts.els.length;i<len;i++){$(opts.els[i]).css("z-index",len-i+count);}}else{var z=$(curr).css("z-index");$el.css("z-index",parseInt(z)+1+count);}$el.animate({left:0,top:0},opts.speedOut,opts.easeOut,function(){$(fwd?this:curr).hide();if(cb){cb();}});});};opts.cssBefore={display:"block",opacity:1,top:0,left:0};};$.fn.cycle.transitions.turnUp=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=next.cycleH;opts.animIn.height=next.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,height:0};opts.animIn={top:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnDown=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssFirst={top:0};opts.cssBefore={left:0,top:0,height:0};opts.animOut={height:0};};$.fn.cycle.transitions.turnLeft=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=next.cycleW;opts.animIn.width=next.cycleW;});opts.cssBefore={top:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.turnRight=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={top:0,left:0,width:0};opts.animIn={left:0};opts.animOut={width:0};};$.fn.cycle.transitions.zoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false,true);opts.cssBefore.top=next.cycleH/2;opts.cssBefore.left=next.cycleW/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};opts.animOut={width:0,height:0,top:curr.cycleH/2,left:curr.cycleW/2};});opts.cssFirst={top:0,left:0};opts.cssBefore={width:0,height:0};};$.fn.cycle.transitions.fadeZoom=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,false);opts.cssBefore.left=next.cycleW/2;opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,left:0,width:next.cycleW,height:next.cycleH};});opts.cssBefore={width:0,height:0};opts.animOut={opacity:0};};$.fn.cycle.transitions.blindX=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.width=next.cycleW;opts.animOut.left=curr.cycleW;});opts.cssBefore={left:w,top:0};opts.animIn={left:0};opts.animOut={left:w};};$.fn.cycle.transitions.blindY=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:0};opts.animIn={top:0};opts.animOut={top:h};};$.fn.cycle.transitions.blindZ=function($cont,$slides,opts){var h=$cont.css("overflow","hidden").height();var w=$cont.width();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);opts.animIn.height=next.cycleH;opts.animOut.top=curr.cycleH;});opts.cssBefore={top:h,left:w};opts.animIn={top:0,left:0};opts.animOut={top:h,left:w};};$.fn.cycle.transitions.growX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true);opts.cssBefore.left=this.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:0};});opts.cssBefore={width:0,top:0};};$.fn.cycle.transitions.growY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false);opts.cssBefore.top=this.cycleH/2;opts.animIn={top:0,height:this.cycleH};opts.animOut={top:0};});opts.cssBefore={height:0,left:0};};$.fn.cycle.transitions.curtainX=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,false,true,true);opts.cssBefore.left=next.cycleW/2;opts.animIn={left:0,width:this.cycleW};opts.animOut={left:curr.cycleW/2,width:0};});opts.cssBefore={top:0,width:0};};$.fn.cycle.transitions.curtainY=function($cont,$slides,opts){opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,false,true);opts.cssBefore.top=next.cycleH/2;opts.animIn={top:0,height:next.cycleH};opts.animOut={top:curr.cycleH/2,height:0};});opts.cssBefore={left:0,height:0};};$.fn.cycle.transitions.cover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts);if(d=="right"){opts.cssBefore.left=-w;}else{if(d=="up"){opts.cssBefore.top=h;}else{if(d=="down"){opts.cssBefore.top=-h;}else{opts.cssBefore.left=w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.uncover=function($cont,$slides,opts){var d=opts.direction||"left";var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(d=="right"){opts.animOut.left=w;}else{if(d=="up"){opts.animOut.top=-h;}else{if(d=="down"){opts.animOut.top=h;}else{opts.animOut.left=-w;}}}});opts.animIn={left:0,top:0};opts.animOut={opacity:1};opts.cssBefore={top:0,left:0};};$.fn.cycle.transitions.toss=function($cont,$slides,opts){var w=$cont.css("overflow","visible").width();var h=$cont.height();opts.before.push(function(curr,next,opts){$.fn.cycle.commonReset(curr,next,opts,true,true,true);if(!opts.animOut.left&&!opts.animOut.top){opts.animOut={left:w*2,top:-h/2,opacity:0};}else{opts.animOut.opacity=0;}});opts.cssBefore={left:0,top:0};opts.animIn={left:0};};$.fn.cycle.transitions.wipe=function($cont,$slides,opts){var w=$cont.css("overflow","hidden").width();var h=$cont.height();opts.cssBefore=opts.cssBefore||{};var clip;if(opts.clip){if(/l2r/.test(opts.clip)){clip="rect(0px 0px "+h+"px 0px)";}else{if(/r2l/.test(opts.clip)){clip="rect(0px "+w+"px "+h+"px "+w+"px)";}else{if(/t2b/.test(opts.clip)){clip="rect(0px "+w+"px 0px 0px)";}else{if(/b2t/.test(opts.clip)){clip="rect("+h+"px "+w+"px "+h+"px 0px)";}else{if(/zoom/.test(opts.clip)){var top=parseInt(h/2);var left=parseInt(w/2);clip="rect("+top+"px "+left+"px "+top+"px "+left+"px)";}}}}}}opts.cssBefore.clip=opts.cssBefore.clip||clip||"rect(0px 0px 0px 0px)";var d=opts.cssBefore.clip.match(/(\d+)/g);var t=parseInt(d[0]),r=parseInt(d[1]),b=parseInt(d[2]),l=parseInt(d[3]);opts.before.push(function(curr,next,opts){if(curr==next){return;}var $curr=$(curr),$next=$(next);$.fn.cycle.commonReset(curr,next,opts,true,true,false);opts.cssAfter.display="block";var step=1,count=parseInt((opts.speedIn/13))-1;(function f(){var tt=t?t-parseInt(step*(t/count)):0;var ll=l?l-parseInt(step*(l/count)):0;var bb=b<h?b+parseInt(step*((h-b)/count||1)):h;var rr=r<w?r+parseInt(step*((w-r)/count||1)):w;$next.css({clip:"rect("+tt+"px "+rr+"px "+bb+"px "+ll+"px)"});(step++<=count)?setTimeout(f,13):$curr.css("display","none");})();});opts.cssBefore={display:"block",opacity:1,top:0,left:0};opts.animIn={left:0};opts.animOut={left:0};};})(jQuery); //]]> </script> <script type='text/javascript'> /* <![CDATA[ */ jQuery.noConflict(); jQuery(function(){ 	jQuery('ul.menu-primary').superfish({ 	animation: {opacity:'show'}, autoArrows:  true,                 dropShadows: false,                 speed: 200,                 delay: 800                 });             }); jQuery(function(){ 	jQuery('ul.menu-secondary').superfish({ 	animation: {opacity:'show'}, autoArrows:  true,                 dropShadows: false,                 speed: 200,                 delay: 800                 });             }); jQuery(document).ready(function() { 	jQuery('.fp-slides').cycle({ 		fx: 'fade', 		timeout: 4000, 		delay: 0, 		speed: 1000, 		next: '.fp-next', 		prev: '.fp-prev', 		pager: '.fp-pager', 		continuous: 0, 		sync: 1, 		pause: 1, 		pauseOnPagerHover: 1, 		cleartype: true, 		cleartypeNoBg: true 	});  }); /* ]]> */ </script></blockquote>
<ol>
<li>Then search for ]]></b:skin> </li>
</ol>
<blockquote class="tr_bq">
<ol>
<li>Just above it paste the CSS code below, </li>
</ol>
/*-------------------- Bloggerdaddy jQuery Image Slider -------------*/ 
.featuredposts{border:1px solid #E9E7DE;width:608px;background:#FFF;margin:0 0 10px 0;height:400px;overflow:hidden;} .fp-slides{} .fp-post{padding:13px;} .fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} .fp-thumbnail:hover{border:3px solid #CAC9C9; width:580px;height:266px;margin-bottom:10px;overflow:hidden;} .fp-title{color:#787878;font:bold
 14px  Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; 
text-transform:uppercase;} .fp-title a{color:#000;text-decoration:none;} .fp-title a:hover{color:#0080fF;text-decoration:none;} .fp-label{color:#504D4D;margin:15px
 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px 
Arial,Helvetica,Sans-serif;} .fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;} .fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;} .fp-nav{width:590px;padding:0px 10px;height:14px;} .fp-pager
 
a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA20DR2lueY_CHlj59zGr-EeTkPM5LBC5sVqucmpwy6PYQCQhyFC68WpJcVwTb9DlN3CWhFn45bUxfi1iyAVQvyK3Kge60u4w9U8gijTC7zoN6KI1rYfs68D9HdZWcBd9p15nWksJaO_w/s1600/featured-pager.png);cursor:pointer;margin:3px
 6px 0 
0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0
 0;} .fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;} .fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOitciVm8GDfmGNgfNIP7kXyFte0nlqugqEfIP8sd5pHCfJ8H6ehvJXVPyXOJgJSD1G4lyKhvshsj6OJ0OkCRHY4a4SxyVxKJUxI57tVzy-W9Jpt1zKSHBcEHEfVZuPlG-zmjMJhheDHg/s1600/featured-prev.png)
 top left no-repeat;} .fp-prev:hover{opacity:1;} .fp-prev:active{opacity:0.7;} .fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXm16a5Kjm-1Bdkg22EYGZ8w21YaNWJIafCa5FFTQuRVGuClXbW3M22zf9BW4AJoFOj0qsEMUsP3CCGYFxwpEGGy4xSpY4nUL52ycixyORQl9M6AebohcO8eMZanHZultrRrEloWHRmZ4/s1600/featured-next.png;)
 top left no-repeat} .fp-next:hover{opacity:1;} .fp-next:active{opacity:0.7;}</blockquote>
   7.   Now Search for this, 
<blockquote class="tr_bq">
<div id='main-wrapper'></blockquote>
 Hint: This code is located near <div id='content-wrapper'>

PS: In this part most of you will face problems as the coding 
for each template differ. If you could not find this code then do not 
panic and simply post your Blog URL in the comments.<div>
 
   8.   and just below it add the HTML code below,</div>
<blockquote>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <div class='featuredposts clearfix'> 
<div class='fp-slides'> 
<div class='fp-post'> <div class='fp-thumbnail'><a href='ADD POST URL-1 HERE'><img src='ADD IMAGE-1 LINK HERE'/></a></div><h3 class='fp-title'><a href='ADD POST URL-1 HERE'>WRITE POST TITLE HERE...</a></h3> WRITE POST DESCRIPTION HERE... </div> 
<div class='fp-post'> <div class='fp-thumbnail'><a href='ADD POST URL-2 HERE'><img src='ADD IMAGE-2 LINK HERE'/></a></div> <h3 class='fp-title'><a href='ADD POST URL-2 HERE'>WRITE POST TITLE HERE...</a></h3> WRITE POST DESCRIPTION HERE... </div> 
<div class='fp-post'> <div class='fp-thumbnail'><a href='ADD POST URL-3 HERE'><img src='ADD IMAGE-3 LINK HERE'/></a></div> <h3 class='fp-title'><a href='ADD POST URL-3 HERE'>WRITE POST TITLE HERE...</a></h3> WRITE POST DESCRIPTION HERE... </div> 
<div class='fp-post'> <div class='fp-thumbnail'><a href='ADD POST URL-4 HERE'><img src='ADD IMAGE-4 LINK HERE'/></a></div> <h3 class='fp-title'><a href='ADD POST URL-4 HERE'>WRITE POST TITLE HERE...</a></h3> WRITE POST DESCRIPTION HERE... </div> 
<div class='fp-post'> <div class='fp-thumbnail'><a href='ADD POST URL-5 HERE'><img src='ADD IMAGE-5 LINK HERE'/></a></div> <h3 class='fp-title'><a href='ADD POST URL-5 HERE'>WRITE POST TITLE HERE...</a></h3> WRITE POST DESCRIPTION HERE... </div> 
</div>          
<div class='fp-nav clearfix'>                <a class='fp-next' href='#fp-next'/> <a class='fp-prev' href='#fp-prev'/> </div>          </div> </b:if></b:if></blockquote>
Make these changes: 
<ul>
<li>Replace ADD POST URL-1, 2, 3, 4, 5 HERE with the URL of your 
post pages one by one. These URLs will be added twice for each slide. 
Once for the image and second time for the Post title. </li>
<li>Replace ADD IMAGE-5 LINK HERE with the Image link of the Featured post. By default all images have width:580px; height:266px;
 You can edit the image size by editing the width and height in the CSS 
code shared in step#6. Make sure all your images must have same size </li>
<li>Replace WRITE POST TITLE HERE... with the title of your Post Page </li>
<li>Replace WRITE POST DESCRIPTION HERE
 with the Post Page description. You can write the first few lines of 
your post here and the readers can read the full post by clicking the 
title. </li>
<li>To Change the Overall size of the slider container then edit in step#6 the following two codes -> width:608px and height:400px </li>
</ul>
   9.   Save your template and you are done! Visit your blog and say Bingo! :> </div>

Widgets jQuery Image Slider For Blogger - V3

As per your requests we are glad to present yet another stunning version of Image slideshow Widget for BlogSpot blogs. This widget ...

Create Slideshow In Blogger With Navigation - V2

9:55:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 class="post-title entry-title" itemprop="headline">
 </h1>
<h1 class="post-title entry-title" itemprop="headline" style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufmAWOo1VHJK2TEc2ULi19nyEPNeXMiMuhit0VWdd54HyZxIR31LkGcPX-ioDVVSueEYFMlltIlZ9siof_VaXFhiKRxJXtClK9nN83JP95eUw4vXqedXcXJQ8CqZ4MeQODXxZ8i2CbWk/s1600/Blogger-Slideshow_thumb%255B12%255D.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhufmAWOo1VHJK2TEc2ULi19nyEPNeXMiMuhit0VWdd54HyZxIR31LkGcPX-ioDVVSueEYFMlltIlZ9siof_VaXFhiKRxJXtClK9nN83JP95eUw4vXqedXcXJQ8CqZ4MeQODXxZ8i2CbWk/s400/Blogger-Slideshow_thumb%255B12%255D.gif" /></a></h1>
<h1 class="post-title entry-title" itemprop="headline">
Last day I shared a simple tutorial which tells how to a create Slideshow For Blogger.
 Today we have yet another more advanced slider that has some awesome 
effects added to it. You can navigate between images and the slideshow 
has opacity plus slice image effects. All adds up just more spice to the
 slideshow. This slider is created by <a href="http://dev7studios.com/" target="_blank" title="http://dev7studios.com/">dev7studios.com</a> and modified by us. Kindly have a look at the demo before we may start learning how to create this new Jquery slider.</h1>
<div style="text-align: left;">
<h4>
How to add the Slideshow to blogger?</h4>
The methods as usual are more easy than you can imagine. Follow up, 
 <ol>
<li>Go To <a href="http://blogger.com/" target="_blank">Blogger</a> > Design </li>
<li>Choose Add a Page Element </li>
<li>Then choose HTML/JavaScript widget </li>
<li>Inside the widget paste the code below, </li>
</ol>
<blockquote class="tr_bq">
 <blockquote>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script
 
src="http://nivo.dev7studios.com/scripts/nivo-slider/jquery.nivo.slider.pack.js"
 type="text/javascript"></script> <script type="text/javascript"> $(window).load(function() {     $('#slider').nivoSlider(); }); </script> <style> #slider {     position:relative; } #slider img {         position:absolute;     top:0px;     left:0px;     display:none; } #slider a {     border:0;     display:block; } .nivo-controlNav {     position:absolute;     left:260px;     bottom:-42px; } .nivo-controlNav a {     display:block;     width:22px;     height:22px;    
 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-AMdqdhj3mHJMIpDwsIRgD9gXaZ1N4495NOq7LTkF5sdj2egjfDpfcIOudbkkd8odzh6ogJCXJ3QvWaTUUJKXZhQFOs1CVJnIlAYQTFjFaBjho364tRomzJwdXdTkbWMs3mFdHq5ok8/s400/bullets.png)
 no-repeat;     text-indent:-9999px;     border:0;     margin-right:3px;     float:left; } .nivo-controlNav a.active {     background-position:0 -22px; } .nivo-directionNav a {     display:block;     width:30px;     height:30px;    
 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQPneO2IwFit0UIrZQRBochhDRrTAKHmodyH9ycx-e0Fb1yapXp7FEtgltK6AlsPUZg87yKt6D4gWBBfQZ9-7PX-kf8Un48DhjFF5u8sq3pEgFteFvPmvGO3XswDBumgdGZdFBOHsnMr4/s400/arrows.png)
 no-repeat;     text-indent:-9999px;     border:0; } a.nivo-nextNav {     background-position:-30px 0;     right:15px; } a.nivo-prevNav {     left:15px; } .nivo-caption {     text-shadow:none;     font-family: Helvetica, Arial, sans-serif;     font-size:16px;     padding: 10px 0px; } .nivo-caption a {     color:#efe9d1;     text-decoration:underline; } .clear {     clear:both; } .nivoSlider {     position:relative; } .nivoSlider img {     position:absolute;     top:0px;     left:0px; } .nivoSlider a.nivo-imageLink {     position:absolute;     top:0px;     left:0px;     width:100%;     height:100%;     border:0;     padding:0;     margin:0;     z-index:60;     display:none; } .nivo-slice {     display:block;     position:absolute;     z-index:50;     height:100%; } .nivo-caption {     position:absolute;     left:0px;     bottom:0px;     background:#000;     color:#fff;     opacity:0.7; /* Overridden by captionOpacity setting */     width:100%;     z-index:89; } .nivo-caption p {     padding:5px;     margin:0; } .nivo-caption a {     display:inline !important; } .nivo-html-caption {     display:none; } .nivo-directionNav a {     position:absolute;     top:45%;     z-index:99;     cursor:pointer; } .nivo-prevNav {     left:0px; } .nivo-nextNav {     right:0px; } .nivo-controlNav a {     position:relative;     z-index:99;     cursor:pointer; } .nivo-controlNav a.active {     font-weight:bold; } </style> <div id="slider"> <img src="URL Of Image" alt="" title="Description Goes Here" /> <img src="URL Of Image" alt="" title="Description Goes Here" /> <img src="URL Of Image" alt="" title="Description Goes Here" /> <img src="URL Of Image" alt="" title="Description Goes Here" /> <img src="URL Of Image" alt="" title="#htmlcaption" /> </div><!—Write Descriptoon With Links In this Part—> <div id="htmlcaption" class="nivo-html-caption"> Cool na? :) Now Learn How to create one by <a href="http://www.bloggerdaddy.tk">Clicking here</a> </div> </blockquote>
</blockquote>
<h4>
How To Customize the Slider?</h4>
Replace URL Of Image with image link and Description Goes Here with any stuff that you may write. If you want to show no caption/description then simply delete title="Description Goes Here" 
 If you wish to add effects to text or use a link then use title="#htmlcaption"  instead and then add your description as I have done after <div id="htmlcaption"
 class="nivo-html-caption"> . If you are finding this part difficult 
then let me know to which image do you want to add the effect. I will 
provide you with the code required. 
 
<h4>
How To add More Images?</h4>
To add another image simply paste the code below just above </div> 
 
<blockquote>
 <blockquote class="tr_bq">
<img src="URL Of Image" alt="" title="Description Goes Here" /></blockquote>
</blockquote>
A More Updated version can be found here -> jQuery Image Slider For Blogger - V3 </div>
</div>

Widgets Create Slideshow In Blogger With Navigation - V2

Last day I shared a simple tutorial which tells how to a create Slideshow For Blogger. Today we have yet another more advanced slider...

Announcements Widget For Blogger Blogs

1:58:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPQVv-MGnXzKldDDcYpZGUkGvwVm70SlaVYlQCbueDHVOw4pT5RYwUFvl7XsGQtxBd2FXWVzh2Ir1GDGRnUAA4OEvDE9AHvGtajCjwktxJcfBEY7DdqX61iwepSnIu_q-YKihaTBxkyE/s1600/image%255B3%255D.png" imageanchor="1"><img border="0" height="33" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXPQVv-MGnXzKldDDcYpZGUkGvwVm70SlaVYlQCbueDHVOw4pT5RYwUFvl7XsGQtxBd2FXWVzh2Ir1GDGRnUAA4OEvDE9AHvGtajCjwktxJcfBEY7DdqX61iwepSnIu_q-YKihaTBxkyE/s400/image%255B3%255D.png" width="400" /></a></div>
 
The moment you hover the cursor on the links the scrolling stops and 
pauses and you can then read the headlines. These headlines can be a 
blog update notice, announcement or links to your featured posts. You 
can use it in million of ways. I found the script on dynamic drive
 and edited the code with some more colours and images to make it 
completely compatible with blogger blogs. It is several steps ahead of 
marquee effect because this widget uses some JavaScript to bring the 
dynamic effect. Again it is a one-step installation process. Please see 
the demo first 
 
<form>
<input class="Bloggerdaddy" onclick="window.location.href='#'" type="button" value="DEMO" /></form>
<ol>
<li>Go To <a href="http://blogger.com/" target="_blank">Blogger</a> > Design </li>
<li>Choose HTML/JavaScript Widget </li>
<li>Paste the following code inside it, </li>
</ol>
 
<div>
 
<article id="default-usage">
 <div class="to-lock" style="display: none;">

</div>
</article> 
 </div>
<div id="mblunlocker">
</div>
<script src="http://mybloggerlab.com/Scripts/mbllock.js" type="text/javascript"></script>
 
 <script>
 jQuery(document).ready(function ($) {
 $("#default-usage .to-lock").socialLock({

text: {
    header: "Share it To Unlock This Content",
    message: "THIS CONTENT IS PREMIUM"
    },

style: "ui-social-locker-secrets",
    buttons: {
    order: ["twitter", "facebook", "google"]
    },

// twitter options
    twitter: {
    url: "http://www.bloggerdaddy.tk",
    text: "Upgrade your social buttons to get more social traffic!"
    },

// facebook options
    facebook: {
    url: "http://www.facebook.com/webhindigyan",
    appId: "418044881593120"
    },

google: {
 url: "http://www.bloggerdaddy.tk"
 }
 });
 });;;;
 
 </script>

Make these customizations: 
<ul>
<li>To change the Loud speaker image change </li>
</ul>
https://lh3.googleusercontent.com/-8w70uURi93w/VzgwffFllmI/AAAAAAAACgw/J9alr43Jq_4kGbusvk7eb6T1tsTyuBI0gCCo/s33/animated-loudspeaker-image-0012.gif 
 
<div>
<ul>
<li>If you wish to increase the scroller width size then edit this width: 430px; </li>
<li>Replace 0080ff with your link colour. </li>
<li>Replace HEADLINE TEXT with anything you wish to write as announcement or updates. Write any text description you want. </li>
<li>Replace #
 with headline page link/url. On clicking this link the visitors will be
 taken to the headline related page. If you don't want to link your 
Headlines then simply delete # next to each HEADLINE TEXT  that you don't wish to hyperlink. </li>
<li>To change the scroll change delay time kindly edit 1000 . The more your decrease this value the faster will the links scroll up and down. </li>
</ul>
           4.  Finally save your widget and you are all set!</div>
</div>

Widgets Announcements Widget For Blogger Blogs

The moment you hover the cursor on the links the scrolling stops and pauses and you can then read the headlines. These headlines can b...

HTML Encoder - Google Adsense code Converter

12:19:00 PM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
This HTML Encoder Will convert your HTML code into given format, so it 
will allow you to post your html code into your blogger blog without 
viewing it's result. for example;
 
 
<blockquote class="tr_bq">
<a href='http://www.bloggerdaddy.tk' 
target='_blank' title='blogger and html tutorial'><img 
alt='www.bloggerdaddy.tk' border='0' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyDNN5fDUAsI6ItQqWBmYMPniyR-ZXzJBftNGKUdMa2yuuE30yome5LE1cgSiEWks0ypf3NIcyhNCeQFQeK4Cdbwh-p2RwaAE3IeXt809ranoVJi9_LCYSiz_03nvV9-18AoN-Gp7070D9/s250-Ic42/test%25252818%252529.gif'/></a></blockquote>
 
The above code will never be able to write on your post, besides will generate below 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP7oBSMkReLid-xSNv-namsTQ-_8bGEk8we1rwFgT6gjqSpdNoRudJAJ5GWKSxvuK3ZrWaHJ97_mJPz7Pf32kRaVpFVIROCuOb4ozUzlnFbBEz9N9dSZXxWADSNM-p_ajMOKU88vy5Irk/s1600/test%252818%2529+%25281%2529.gif" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP7oBSMkReLid-xSNv-namsTQ-_8bGEk8we1rwFgT6gjqSpdNoRudJAJ5GWKSxvuK3ZrWaHJ97_mJPz7Pf32kRaVpFVIROCuOb4ozUzlnFbBEz9N9dSZXxWADSNM-p_ajMOKU88vy5Irk/s400/test%252818%2529+%25281%2529.gif" /></a> 
 
so, to post that code you need to convert it with this HTML encoder 
 
 
To convert Google Adsense code 
 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiES8rEYhl8WC7NdXTYS9IPe9kqqyU4SqkecaZ8uDXh_1fxAvEd3uHBR2LixzBxXmA_BTOeNXEZzHSo-9L1GJVX4wQXqYWXdq09pnosqs0w-s5E6Iz-EZ-RDAlWoUu0PA2L96jvy1-lZZ8/s1600/ad.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiES8rEYhl8WC7NdXTYS9IPe9kqqyU4SqkecaZ8uDXh_1fxAvEd3uHBR2LixzBxXmA_BTOeNXEZzHSo-9L1GJVX4wQXqYWXdq09pnosqs0w-s5E6Iz-EZ-RDAlWoUu0PA2L96jvy1-lZZ8/s400/ad.jpg" /></a> 
 
Yes, you can use this tool to convert your Google adsense code before installing it into your HTML webpage (in blogger.com we called it edit html page) 
 
Submit your code >> Click "encode HTML code" button 
 </div> 
<script type="text/javascript">
function convert(){
 var ele1 = document.getElementById("somewhere");
 var replaced;
 replaced = ele1.value;
 replaced = replaced.replace(/</ig, "<");
 replaced = replaced.replace(/>/ig, ">");
 replaced = replaced.replace(/"/ig, """);
 replaced = replaced.replace(/±/ig, "±");
 replaced = replaced.replace(/©/ig, "©");
 replaced = replaced.replace(/®/ig, "®");
 replaced = replaced.replace(/howdy/ig, "ya'll");
 ele1.value = replaced;
}
</script> 
<center><textarea id="somewhere" style="height: 250px; width: 100%;" >

Tools HTML Encoder - Google Adsense code Converter

This HTML Encoder Will convert your HTML code into given format, so it will allow you to post your html code into your blogger blog withou...

Mag Zilla Blogger Template

10:16:00 AM Bloggerdaddy 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: center;">
<img alt="Mag Zilla Blogger Template. Free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Download latest templates for free." class="aligncenter wp-image-18794 size-full" height="195" sizes="(max-width: 680px) 100vw, 680px" src="https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template.jpg" srcset="https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template-300x183.jpg 300w, https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template-450x275.jpg 450w, https://gooyaabitemplates.com/download/Mag-Zilla-Blogger-Template.jpg 680w" width="320" /></div>
<div style="text-align: center;">
 </div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
Mag Zilla blogger template is free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Download latest templates for free.</div>
<div style="text-align: left;">
 </div>
<div style="text-align: left;">
 Template Features:
</div>
<div style="text-align: left;">
 </div>
Mag Zilla blogger <a href="http://blogerdaddy.blogspot.in/search/label/Template">template</a> 2 sidebars
 on left one another one is right. This template amazing eye catching 
social bookmarking buttons and featured slider. Some more features are..
 2 Sidebars, Left and Right Sidebars, 3 Columns, 4 Columns Footer, Red, News, Tabbed <a href="http://blogerdaddy.blogspot.in/search/label/Widgets">Widget </a>Ready, Ads Ready, White, Clean, Red, Minimalist, <a href="http://www.bloggerdaddy.tk/2016/01/seo-search-engine-optimization-tools.html">SEO Ready</a>, Magazine, Free Premium, Right Sidebar, Post Thumbnails, Responsive, Social Bookmark Ready, Drop Down Menu. 
 
<div style="text-align: center;">
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
</div>
 
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'times new roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin: 0px; orphans: auto; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px;">
<div style="margin: 0px;">
<a href="http://gooyaabitemplates.com/livepreview/mag-zilla/" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Demo</a> | <a href="https://gooyaabitemplates.com/download/Mag-Zilla-Free-Version.zip" style="font-family: 'times new roman'; font-size: x-large;" target="_blank">Download</a></div>
<div style="margin: 0px;">
 </div>
<div style="margin: 0px; text-align: left;">
Download: <a href="http://www.bloggerdaddy.tk/2016/04/elearn-blogger-template.html">eLearn Blogger Template</a></div>
</div>
</div>

Template Mag Zilla Blogger Template

Mag Zilla blogger template is free blogger template for magazine blogs and more. Best multipurpose Mag Zilla Blogger Template. Downl...

jQuery Image Slider For Blogger - V3

Create Slideshow In Blogger With Navigation - V2

Announcements Widget For Blogger Blogs

HTML Encoder - Google Adsense code Converter

Mag Zilla Blogger Template

Popular Posts

COMMENT

Blog Archive