Como insertar un Slideshow en Blogger simples pasos

Tener un Slideshow espectacular en su blog de blogger y que funcione perfectamente en todos los navegadores web como Firefox, Internet Explorer, Google Chrome etc. Es lo que aprenderán en este grandioso tutorial de como insertar un Slideshow en blogger con unos simples pasos. Existen diferentes tipos de Slideshow y sus usos y configuraciones son diferentes en cada uno de ellos. Este nuevo Slideshow para blogger lo podrán usar como mejor les parezca, su instalación es muy fácil de realizarlo, tendrán que seguir este tutorial tal como lo detallo para que lo usen en su blog de blogger con unos simples pasos. Además, anteriormente publique algunos Slideshow para blogger de los cuales les dejo los enlaces

1. Como agregar a mi blog de blogger un Slideshow automatico
2. Como crear un Slideshow manual para mi blog de blogger
3. Como crear una galería de imágenes para Blogger online Gratis – Como crear un Slideshow gratis para blogger
4. Como hacer un Slideshow Carrusel basado en etiquetas para blogger
5. Galería de imágenes para blogger
6. Galería de imágenes para blogger V3
7. Instalar un Slideshow para blogger con un solo widget
8. Mostrar un Slideshow con mis entradas populares para blogger
9. Necesito un Slider para mi blog de blogger
10. Nuevo estilo de Slideshow para blogger
11. SlideShow con control deslizante para blogger
12. Slider carrusel para blogger
13. Slider para blogger en 3D
14. Slideshow con Entradas Populares Nuevo estilo
15. Slideshow de Popular post o Entradas polulares para mi blog de blogger
16. Slideshow para Blogger
17. Slideshow para blogger blogspot con etiquetas
18. Slideshow para blogger con un solo widget
19. Slideshow para blogger manual nuevo estilo
20. Slideshow para blogger nuevo estilo
21. Slideshow vertical para usarlo en blogger
22. Widget Galería de Imágenes para blogger V2
23. Widget Slider galería de imágenes acordeón para blogger
24. Widget Slideshow para blogger
25. Widget para blogger, Slideshow con Entradas Populares

A continuación mire su demostración en mi blog de demos

Les gusto verdad!

Vamos a trabajar

1 Ir a blogger

2 Da un clic en “Plantilla”

3 Un clic en “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

4 Busca este código

]]></b:skin>

Inserta el siguiente código justo arriba del código que encontraste

/*--- Slider start by ayudadeblogger.com---*/ .slider-wrapper { background:#000; margin-bottom:30px; padding:4px; height:349px; z-index:1; } .featured-text { border-top:1px solid #444; padding:10px; } /* nivo slider */ .nivo-control img{ opacity: 0.3; } .nivo-controlNav .active img{ opacity: 1; } .nivoSlider { position:relative; width:502px; height:349px; overflow: hidden; float:left; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6RPnicoFxTEQ9_mudRm6nyKId1X1Do-OCjsaR0PyMN1L7yBIduHiTD6SyTGHB_IqlvMrihvg3OZZ4o5jVAl9ZfdAMpdVe91S04bOWleHhoTqEwMAVfyl5iWF5PaLEMXMSWFjVxylRja10/s1600/overlay.png) repeat; color:#fff; width:100%; z-index:8; border-top:1px solid #000; } .nivo-caption p { color:#a5a5a5; text-shadow: 1px 1px 0 #000; } .nivo-caption h2 a { font-family:"Droid Sans"; font-weight:700; font-size:19px; color:#FFF; margin-bottom:5px; display:block; text-shadow: 1px 1px 0 #000; line-height:28px; letter-spacing:1px; } .nivo-caption h2 a:hover { color:#ff8604; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .nivo-controlNav { float:right; width:96px; height:349px; margin-top:-15px; } .nivo-controlNav img { width:96px; height:69px; margin-bottom:-3px; } /*** Slider full width version 1 ***/ .slider-wrapper.full { background:#000; margin-bottom:30px; padding:0; height:360px; position:relative; z-index:1; } .slider-wrapper.full .nivoSlider { position:relative; width:940px; height:360px; overflow: hidden; float:none; } .slider-wrapper.full .nivo-caption { position:absolute; left:20px; bottom:20px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6RPnicoFxTEQ9_mudRm6nyKId1X1Do-OCjsaR0PyMN1L7yBIduHiTD6SyTGHB_IqlvMrihvg3OZZ4o5jVAl9ZfdAMpdVe91S04bOWleHhoTqEwMAVfyl5iWF5PaLEMXMSWFjVxylRja10/s1600/overlay.png) repeat; color:#fff; width:auto; z-index:8; border:none; } .slider-wrapper.full .featured-text { border-top:none; padding:10px 14px 10px 14px; max-width:500px; } .slider-wrapper.full .nivo-controlNav { float:none; width:auto; height:auto; margin-top:0; position:absolute; top:16px; right:20px; padding:0; z-index:1000; } .slider-wrapper.full .nivo-controlNav a { cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_lLdcBp9a_qYeTRSObG3dou0OEK81BMppbmjgneuRmCbkDiqGa0a28K2bG6bpC87Dyy3lyiS6aiyyhEQyTau0REfFezjaBIr2Vrt_HPEzsKqLNoe9S0dQF2oEoh7Nm_up_UpydSolvQy0/s1600/nivo-bullet.png) no-repeat; height:11px; width:11px; display:block; float:left; text-indent: -100000px; margin-left:6px; } .slider-wrapper.full .nivo-controlNav a.active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUIpDmkeHDBLk90D4PkcRJylrmbvj3VGG2w3lzNOxVTBZmzZ6meSMlEweW3T8p49JJN3r06eoY6XTi-FYnpwlaQoTRSCVZhcGHAxwnLqiNVmy-aAwSmLx7UgJHfhT5szds0I2nU21TPuaE/s1600/nivo-bullet-active.png) no-repeat; } .slider-wrapper.full .featured-text .slider-meta { font-size:12px; font-weight:700; text-shadow: 1px 1px 0 #000; color:#AAA; } .slider-wrapper.full .featured-text .slider-meta a{ margin-left:12px; } .slider-wrapper.full .featured-text .slider-meta a:hover { text-decoration:underline; } /*** Slider full version 2 ***/ .slider-wrapper.full.two .nivo-caption { position:absolute; left:640px; right:0; top:0; bottom:0; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcxJV9G45pRZR769oZfqoi2GA4646L56nMqd_JZZNO_Q85Dj77gKvzPzTRtezcW2Xz8U7SwYFN_oPVD-ZR6bR2OM2smrSfx0Cm5MC-1KGvNypQAtkGV5nFdito2PyybLZ3d60wvAV1X8u/s1600/overlay-light.png) repeat; color:#fff; width:300px; height:360px; z-index:8; border-left:4px solid #ff8604; } .slider-wrapper.full.two .featured-text { border-top:none; padding:20px; } .slider-wrapper.full.two .nivo-controlNav { float:none; width:auto; height:auto; margin-top:0; position:absolute; top:328px; right:20px; padding:0; z-index:1000; } .slider-wrapper.full.two .nivo-caption h2 a { margin-bottom:14px; } .slider-wrapper.full.two .featured-text .slider-meta { display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_A8yTjEhYAAr6hhBJU0YeRIQXBQKd1HIFBy45T4syZyLsU1hOjaw1alWkrAFFHT6KmB8Ums_7s_gbuCOIAogthms5coyAV_SKXkI70StHa6SDbdw1nd3A-uTmBO6GnqN69pKOWpkbBSgJ/s1600/overlay-meta.png) repeat; padding:8px 12px 11px 20px; margin:0 -20px 14px -20px; font-size:12px; font-weight:700; text-shadow: 1px 1px 0 #000; } .slider-wrapper.full.two .featured-text .slider-meta a { margin-left:12px; } .slider-wrapper.full.two .nivo-caption p { color:#ccc; text-shadow: 1px 1px 0 #000; }

5 Busca este código

</head>

Agrega las siguientes líneas de código arriba del código que encontraste

<script src='http://yourjavascript.com/17800882312/jquery.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[                         jQuery(document).ready(function($) {                                    $(window).load(function() {                                                $('#slider').nivoSlider({                                                            effect: 'random', // Specify sets like: 'fold,fade,sliceDown'                                                            animSpeed: 500,         //animation transition speed default 500                                                            pauseTime: 3600, // How long each slide will show default 3000                                                            captionOpacity:false, // Universal caption opacity                                                            directionNav:false, // Next & Prev navigation                                                            directionNavHide:false, // Only show on hover                                                            controlNav:true,                                            });                                    });                         }); //]]> </script> <script type='text/javascript'> //<![CDATA[ /*  * jQuery Nivo Slider v3.1  * http://nivo.dev7studios.com  *  * Copyright 2012, Dev7studios  * Free to use and abuse under the MIT license.  * http://www.opensource.org/licenses/mit-license.php  */ (function(a){var b=function(b,c){var d=a.extend({},a.fn.nivoSlider.defaults,c);var e={currentSlide:0,currentImage:"",totalSlides:0,running:false,paused:false,stop:false,controlNavEl:false};var f=a(b);f.data("nivo:vars",e).addClass("nivoSlider");var g=f.children();g.each(function(){var b=a(this);var c="";if(!b.is("img")){if(b.is("a")){b.addClass("nivo-imageLink");c=b}b=b.find("img:first")}var d=d===0?b.attr("width"):b.width(),f=f===0?b.attr("height"):b.height();if(c!==""){c.css("display","none")}b.css("display","none");e.totalSlides++});if(d.randomStart){d.startSlide=Math.floor(Math.random()*e.totalSlides)}if(d.startSlide>0){if(d.startSlide>=e.totalSlides){d.startSlide=e.totalSlides-1}e.currentSlide=d.startSlide}if(a(g[e.currentSlide]).is("img")){e.currentImage=a(g[e.currentSlide])}else{e.currentImage=a(g[e.currentSlide]).find("img:first")}if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}var h=a('<img class="nivo-main-image" src="#" />');h.attr("src",e.currentImage.attr("src")).show();f.append(h);a(window).resize(function(){f.children("img").width(f.width());h.attr("src",e.currentImage.attr("src"));h.stop().height("auto");a(".nivo-slice").remove();a(".nivo-box").remove()});f.append(a('<div class="nivo-caption"></div>'));var i=function(b){var c=a(".nivo-caption",f);if(e.currentImage.attr("title")!=""&&e.currentImage.attr("title")!=undefined){var d=e.currentImage.attr("title");if(d.substr(0,1)=="#")d=a(d).html();if(c.css("display")=="block"){setTimeout(function(){c.html(d)},b.animSpeed)}else{c.html(d);c.stop().fadeIn(b.animSpeed)}}else{c.stop().fadeOut(b.animSpeed)}};i(d);var j=0;if(!d.manualAdvance&&g.length>1){j=setInterval(function(){o(f,g,d,false)},d.pauseTime)}if(d.directionNav){f.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+d.prevText+'</a><a class="nivo-nextNav">'+d.nextText+"</a></div>");a("a.nivo-prevNav",f).live("click",function(){if(e.running){return false}clearInterval(j);j="";e.currentSlide-=2;o(f,g,d,"prev")});a("a.nivo-nextNav",f).live("click",function(){if(e.running){return false}clearInterval(j);j="";o(f,g,d,"next")})}if(d.controlNav){e.controlNavEl=a('<div class="nivo-controlNav"></div>');f.after(e.controlNavEl);for(var k=0;k<g.length;k++){if(d.controlNavThumbs){e.controlNavEl.addClass("nivo-thumbs-enabled");var l=g.eq(k);if(!l.is("img")){l=l.find("img:first")}if(l.attr("data-thumb"))e.controlNavEl.append('<a class="nivo-control" rel="'+k+'"><img src="'+l.attr("data-thumb")+'" alt="" /></a>')}else{e.controlNavEl.append('<a class="nivo-control" rel="'+k+'">'+(k+1)+"</a>")}}a("a:eq("+e.currentSlide+")",e.controlNavEl).addClass("active");a("a",e.controlNavEl).bind("click",function(){if(e.running)return false;if(a(this).hasClass("active"))return false;clearInterval(j);j="";h.attr("src",e.currentImage.attr("src"));e.currentSlide=a(this).attr("rel")-1;o(f,g,d,"control")})}if(d.pauseOnHover){f.hover(function(){e.paused=true;clearInterval(j);j=""},function(){e.paused=false;if(j===""&&!d.manualAdvance){j=setInterval(function(){o(f,g,d,false)},d.pauseTime)}})}f.bind("nivo:animFinished",function(){h.attr("src",e.currentImage.attr("src"));e.running=false;a(g).each(function(){if(a(this).is("a")){a(this).css("display","none")}});if(a(g[e.currentSlide]).is("a")){a(g[e.currentSlide]).css("display","block")}if(j===""&&!e.paused&&!d.manualAdvance){j=setInterval(function(){o(f,g,d,false)},d.pauseTime)}d.afterChange.call(this)});var m=function(b,c,d){if(a(d.currentImage).parent().is("a"))a(d.currentImage).parent().css("display","block");a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").width(b.width()).css("visibility","hidden").show();var e=a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").parent().is("a")?a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").parent().height():a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").height();for(var f=0;f<c.slices;f++){var g=Math.round(b.width()/c.slices);if(f===c.slices-1){b.append(a('<div class="nivo-slice" name="'+f+'"><img src="'+d.currentImage.attr("src")+'" style="position:absolute; width:'+b.width()+"px; height:auto; display:block !important; top:0; left:-"+(g+f*g-g)+'px;" /></div>').css({left:g*f+"px",width:b.width()-g*f+"px",height:e+"px",opacity:"0",overflow:"hidden"}))}else{b.append(a('<div class="nivo-slice" name="'+f+'"><img src="'+d.currentImage.attr("src")+'" style="position:absolute; width:'+b.width()+"px; height:auto; display:block !important; top:0; left:-"+(g+f*g-g)+'px;" /></div>').css({left:g*f+"px",width:g+"px",height:e+"px",opacity:"0",overflow:"hidden"}))}}a(".nivo-slice",b).height(e);h.stop().animate({height:a(d.currentImage).height()},c.animSpeed)};var n=function(b,c,d){if(a(d.currentImage).parent().is("a"))a(d.currentImage).parent().css("display","block");a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").width(b.width()).css("visibility","hidden").show();var e=Math.round(b.width()/c.boxCols),f=Math.round(a('img[src="'+d.currentImage.attr("src")+'"]',b).not(".nivo-main-image,.nivo-control img").height()/c.boxRows);for(var g=0;g<c.boxRows;g++){for(var i=0;i<c.boxCols;i++){if(i===c.boxCols-1){b.append(a('<div class="nivo-box" name="'+i+'" rel="'+g+'"><img src="'+d.currentImage.attr("src")+'" style="position:absolute; width:'+b.width()+"px; height:auto; display:block; top:-"+f*g+"px; left:-"+e*i+'px;" /></div>').css({opacity:0,left:e*i+"px",top:f*g+"px",width:b.width()-e*i+"px"}));a('.nivo-box[name="'+i+'"]',b).height(a('.nivo-box[name="'+i+'"] img',b).height()+"px")}else{b.append(a('<div class="nivo-box" name="'+i+'" rel="'+g+'"><img src="'+d.currentImage.attr("src")+'" style="position:absolute; width:'+b.width()+"px; height:auto; display:block; top:-"+f*g+"px; left:-"+e*i+'px;" /></div>').css({opacity:0,left:e*i+"px",top:f*g+"px",width:e+"px"}));a('.nivo-box[name="'+i+'"]',b).height(a('.nivo-box[name="'+i+'"] img',b).height()+"px")}}}h.stop().animate({height:a(d.currentImage).height()},c.animSpeed)};var o=function(b,c,d,e){var f=b.data("nivo:vars");if(f&&f.currentSlide===f.totalSlides-1){d.lastSlide.call(this)}if((!f||f.stop)&&!e){return false}d.beforeChange.call(this);if(!e){h.attr("src",f.currentImage.attr("src"))}else{if(e==="prev"){h.attr("src",f.currentImage.attr("src"))}if(e==="next"){h.attr("src",f.currentImage.attr("src"))}}f.currentSlide++;if(f.currentSlide===f.totalSlides){f.currentSlide=0;d.slideshowEnd.call(this)}if(f.currentSlide<0){f.currentSlide=f.totalSlides-1}if(a(c[f.currentSlide]).is("img")){f.currentImage=a(c[f.currentSlide])}else{f.currentImage=a(c[f.currentSlide]).find("img:first")}if(d.controlNav){a("a",f.controlNavEl).removeClass("active");a("a:eq("+f.currentSlide+")",f.controlNavEl).addClass("active")}i(d);a(".nivo-slice",b).remove();a(".nivo-box",b).remove();var g=d.effect,j="";if(d.effect==="random"){j=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","boxRandom","boxRain","boxRainReverse","boxRainGrow","boxRainGrowReverse");g=j[Math.floor(Math.random()*(j.length+1))];if(g===undefined){g="fade"}}if(d.effect.indexOf(",")!==-1){j=d.effect.split(",");g=j[Math.floor(Math.random()*j.length)];if(g===undefined){g="fade"}}if(f.currentImage.attr("data-transition")){g=f.currentImage.attr("data-transition")}f.running=true;var k=0,l=0,o="",q="",r="",s="";if(g==="sliceDown"||g==="sliceDownRight"||g==="sliceDownLeft"){m(b,d,f);k=0;l=0;o=a(".nivo-slice",b);if(g==="sliceDownLeft"){o=a(".nivo-slice",b)._reverse()}o.each(function(){var c=a(this);c.css({top:"0px"});if(l===d.slices-1){setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+k)}else{setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed)},100+k)}k+=50;l++})}else if(g==="sliceUp"||g==="sliceUpRight"||g==="sliceUpLeft"){m(b,d,f);k=0;l=0;o=a(".nivo-slice",b);if(g==="sliceUpLeft"){o=a(".nivo-slice",b)._reverse()}o.each(function(){var c=a(this);c.css({bottom:"0px"});if(l===d.slices-1){setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+k)}else{setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed)},100+k)}k+=50;l++})}else if(g==="sliceUpDown"||g==="sliceUpDownRight"||g==="sliceUpDownLeft"){m(b,d,f);k=0;l=0;var t=0;o=a(".nivo-slice",b);if(g==="sliceUpDownLeft"){o=a(".nivo-slice",b)._reverse()}o.each(function(){var c=a(this);if(l===0){c.css("top","0px");l++}else{c.css("bottom","0px");l=0}if(t===d.slices-1){setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+k)}else{setTimeout(function(){c.animate({opacity:"1.0"},d.animSpeed)},100+k)}k+=50;t++})}else if(g==="fold"){m(b,d,f);k=0;l=0;a(".nivo-slice",b).each(function(){var c=a(this);var e=c.width();c.css({top:"0px",width:"0px"});if(l===d.slices-1){setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+k)}else{setTimeout(function(){c.animate({width:e,opacity:"1.0"},d.animSpeed)},100+k)}k+=50;l++})}else if(g==="fade"){m(b,d,f);q=a(".nivo-slice:first",b);q.css({width:b.width()+"px"});q.animate({opacity:"1.0"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g==="slideInRight"){m(b,d,f);q=a(".nivo-slice:first",b);q.css({width:"0px",opacity:"1"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){b.trigger("nivo:animFinished")})}else if(g==="slideInLeft"){m(b,d,f);q=a(".nivo-slice:first",b);q.css({width:"0px",opacity:"1",left:"",right:"0px"});q.animate({width:b.width()+"px"},d.animSpeed*2,"",function(){q.css({left:"0px",right:""});b.trigger("nivo:animFinished")})}else if(g==="boxRandom"){n(b,d,f);r=d.boxCols*d.boxRows;l=0;k=0;s=p(a(".nivo-box",b));s.each(function(){var c=a(this);if(l===r-1){setTimeout(function(){c.animate({opacity:"1"},d.animSpeed,"",function(){b.trigger("nivo:animFinished")})},100+k)}else{setTimeout(function(){c.animate({opacity:"1"},d.animSpeed)},100+k)}k+=20;l++})}else if(g==="boxRain"||g==="boxRainReverse"||g==="boxRainGrow"||g==="boxRainGrowReverse"){n(b,d,f);r=d.boxCols*d.boxRows;l=0;k=0;var u=0;var v=0;var w=[];w[u]=[];s=a(".nivo-box",b);if(g==="boxRainReverse"||g==="boxRainGrowReverse"){s=a(".nivo-box",b)._reverse()}s.each(function(){w[u][v]=a(this);v++;if(v===d.boxCols){u++;v=0;w[u]=[]}});for(var x=0;x<d.boxCols*2;x++){var y=x;for(var z=0;z<d.boxRows;z++){if(y>=0&&y<d.boxCols){(function(c,e,f,h,i){var j=a(w[c][e]);var k=j.width();var l=j.height();if(g==="boxRainGrow"||g==="boxRainGrowReverse"){j.width(0).height(0)}if(h===i-1){setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3,"",function(){b.trigger("nivo:animFinished")})},100+f)}else{setTimeout(function(){j.animate({opacity:"1",width:k,height:l},d.animSpeed/1.3)},100+f)}})(z,y,k,l,r);l++}y--}k+=100}}};var p=function(a){for(var b,c,d=a.length;d;b=parseInt(Math.random()*d,10),c=a[--d],a[d]=a[b],a[b]=c);return a};var q=function(a){if(this.console&&typeof console.log!=="undefined"){console.log(a)}};this.stop=function(){if(!a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=true;q("Stop Slider")}};this.start=function(){if(a(b).data("nivo:vars").stop){a(b).data("nivo:vars").stop=false;q("Start Slider")}};d.afterLoad.call(this);return this};a.fn.nivoSlider=function(c){return this.each(function(d,e){var f=a(this);if(f.data("nivoslider")){return f.data("nivoslider")}var g=new b(this,c);f.data("nivoslider",g)})};a.fn.nivoSlider.defaults={effect:"random",slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3e3,startSlide:0,directionNav:true,controlNav:true,controlNavThumbs:false,pauseOnHover:true,manualAdvance:false,prevText:"Prev",nextText:"Next",randomStart:false,beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};a.fn._reverse=[].reverse})(jQuery) //]]> </script>

Nota: Si ya utilizas un script jQuery, ya no deberás poner solo este código http://yourjavascript.com/17800882312/jquery.js y si no utilizas ningún jQuery, entonces copia todo el código tal como está en este tutorial.

Ahora dale un clic en “Guardar plantilla”

6 Dirígete a “Diseño”

7 Abre un gadget “Añadir un gadget”

8 Busca el widget que dice “HTML/Javascript” ábrelo e inserta las siguientes líneas de código

<!-- Content Slider Start by ayudadeblogger.com --> <div class='slider-wrapper full two'>                <div class='nivoSlider' id='slider'> <!--URL e imagen 1--> <a href='http://www.ecuador-turistico.com/'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaDHx-680RA_hMCp0hAY5NGC6ceIYL9XVKwqA8xbaHzwsmlXltycmjZQyo1DtNmuqarB1KSUehP_8p2rVWPLKMYUD0fz-5bV-b7PsmRXgudwVm9CeQt4QYC3eshgP5zvs87j-NdDPknig/s1600/ecuador-turistico+4.JPG' title='#htmlcaption5'/> </a> <!--URL e imagen 2--> <a href='http://www.ecuador-turistico.com/'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8YvLsXePa4iuXPvaFM3T4hISoz49M5621BGJo3Q1HYqaJfliKWKY_LJ6_CY0BgjPevEUCR_aKaIWG9wmnMUitGiQ4a7BfhV1HwaQHzTJ2rP5sN_czN_a02TTrmyCj-8a43jMioHixK_w/s1600/ecuador-turistico+1.JPG' title='#htmlcaption0'/> </a> <!--URL e imagen 3--> <a href='http://www.ecuador-turistico.com/'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWLZAfdFZpr6Ot536F6af5O4413yZDuaFjoQTRGSHSg-s4S4r-6EBstM7UKKl2zBOtGh5Ft4q66n5UwCLGHAbLGXlvI82f4wYIkGb4IxYkkTvvG4ObFeFT5O6iECKevPzlzYJebbyvpkM/s1600/ecuador-turistico+2.JPG' title='#htmlcaption4'/> </a> <!--URL e imagen 4--> <a href='http://www.ecuador-turistico.com/'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioFe6AUpb1gdcaw3YoDYsNPPR7snZpa3EKCbQlhNuZATkb0ApG44X7O0QGh751KIQrKHMSZirqe22GgiaQf2jTx1SbU7zHNFbC4VQAA7cz2jB36L7ARvH3J8rSE_SmK8bC6G2ZT45J7Ew/s1600/ecuador-turistico+3.JPG' title='#htmlcaption2'/> </a>                                                                                   </div> <!--Descripción 1--> <div class='nivo-html-caption' id='htmlcaption5'> <div class='featured-text'> <h2> <a href='http://www.ecuador-turistico.com/2012/06/sitios-de-mayor-interes-en-las-islas.html'> Ecuador Turistico aventura turistica en Ecuador</a> </h2> <span class='slider-meta'> Septiembre 1, 2013 <a href='http://www.ecuador-turistico.com/search/label/Playas?&max-results=7'> Información </a> </span> <p>Viajes turismo aventura y lugares turisticos de Ecuador </p> </div> </div> <!--Descripción 2--> <div class='nivo-html-caption' id='htmlcaption0'> <div class='featured-text'> <h2> <a href='http://www.ecuador-turistico.com/2012/06/sitios-de-mayor-interes-en-las-islas.html'> Ecuador Turistico Tours</a> </h2> <span class='slider-meta'> Septiembre 1, 2013 <a href='http://www.ecuador-turistico.com/search/label/Playas?&max-results=7'> Información </a> </span> <p>Viajes turismo aventura y lugares turisticos de Ecuador</p> </div> </div> <!--Descripción 3--> <div class='nivo-html-caption' id='htmlcaption4'> <div class='featured-text'> <h2> <a href='http://www.ecuador-turistico.com/2012/06/sitios-de-mayor-interes-en-las-islas.html'> Ecuador Turistico Aventura turistica</a> </h2> <span class='slider-meta'> Septiembre 1, 2013 <a href='http://www.ecuador-turistico.com/search/label/Playas?&max-results=7'> Información </a> </span> <p>Viajes turismo aventura y lugares turisticos de Ecuador</p> </div> </div> <!--Descripción 4--> <div class='nivo-html-caption' id='htmlcaption2'> <div class='featured-text'> <h2> <a href='http://www.ecuador-turistico.com/2012/06/sitios-de-mayor-interes-en-las-islas.html'> Ecuador Turistico Viajes a Galápagos</a> </h2> <span class='slider-meta'> Septiembre 1, 2013 <a href='http://www.ecuador-turistico.com/search/label/Playas?&max-results=7'> Información </a> </span> <p>Viajes turismo aventura y lugares turisticos de Ecuador</p> </div> </div> </div> <!-- Featured Content Slider End -->

Realiza estos cambios:

He marcado de 4 diferentes colores en los cuales tendrás que realizar sus diferentes cambios.

Las URLs que están marcadas de color azul, cámbialas por las URLs de tus post que quieras dar a conocer.

Las URLs que están marcadas de color rojo, son las responsables de mostrar las imágenes en el Slideshow, las imágenes tienen que tener como mínimo una dimensión de 942x360 pixeles.

Las palabras que están marcadas de color verde, son los títulos, bórralas y pon los títulos que tú quieras

Y por último, las palabras que están marcadas de color naranja, son los subtítulos, bórralas y pon una pequeña descripción.

Eso es todo, ahora dale un clic en “Guardar” y ubica tu widget debajo de la cabecera principal de tu blog de blogger

Fácil verdad!

Recuerda suscribirte para que recibas mis nuevas actualizaciones directamente en tu correo electrónico.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les respondere

Saludos.

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

Si

TAGS: Slideshow

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.