Como insertar un Slideshow en Blogger simples pasos - BloggerS Look
BloggerS Look

INSPITATION AND CREATIVITY IN SOCIAL NETWORKS

Como insertar un Slideshow en Blogger simples pasos

Share This
Vamos a trabajar


1 Ir a blogger

2 Da un clic en “Plantilla

Como insertar un Slideshow en Blogger simples pasos
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

Como insertar un Slideshow en Blogger simples pasos

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 digabusca este código.

Como insertar un Slideshow en Blogger simples pasos

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/AVvXsEhIagYB_Xf12r9ZIhXYo1X94muWj9ioPk1r_Xhr5HzK3reQxirYWbjegj3JiB0qxsegJxXP5fEz5jEvHB4dAIbFMq1qKs-WHtLDTem8w4VK-H8OAqeq3uX9QvplUlZduXi0-tnuKzkVLoxx/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/AVvXsEhIagYB_Xf12r9ZIhXYo1X94muWj9ioPk1r_Xhr5HzK3reQxirYWbjegj3JiB0qxsegJxXP5fEz5jEvHB4dAIbFMq1qKs-WHtLDTem8w4VK-H8OAqeq3uX9QvplUlZduXi0-tnuKzkVLoxx/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/AVvXsEghMRntwy8YXz8_3Nn32eQzVufxAmdrXxKyVTIwzwJ7E_1Lm8brcesMMVhTPfK-k1jMO0SawZkSYfDC1IFLxFbG5nJjlMXu6jSxhW9evXFnNSbmsrbl0r7TOFUEhf2kJhxB_rHffwQjcB-3/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/AVvXsEiHHloutkOTtXDMGNZ_DZalj8uPvD_Dt38KkuGq17Unl4JX-BXGOdPggeZnqaA0QNfnBaTYeD9ij4OiI0x1_wSn3o3xQtqvGAvAx6B1_fYBVKSp0Htsy9_bDGBeeCaYD5QuyqGXrM-geojc/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/AVvXsEik_ekOYWuShADRbZJs2cYeq_bDNtxHuIoo8TId_FvH-mYPykYCR_0GG5afiyUGAB4pD-VfYbGT9kWTxyhs7lXpua9kUfpjbnpUHQNUxU5_WSmLuMdmWXawOHojalQW3rNCh47xq-k6tWEe/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/AVvXsEgrSa-vv3NwNMbD4RbGeISo7LTbyZKYZho2H1BNP7Cp0Oa-ZOw21cUomtSMOHasmnjB0dO2MZmpcRnS0iVVHRrnviC-asUMeyOr-EwLnEyAeXSmuTpoBRUrsNOGmHW8hIVPlFUC11CCtSYv/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; }


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

Como insertar un Slideshow en Blogger simples pasos
7 Abre un gadget “Añadir un gadget

Como insertar un Slideshow en Blogger simples pasos
8 Busca el widget que dice “HTML/Javascript” ábrelo e inserta las siguientes líneas de código

Como insertar un Slideshow en Blogger simples pasos

<!-- 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/AVvXsEjq4GacsdB6h3KeN2CmLEU2hamI8Moxgm6iek0A-775mCRDy6yClqzH1SiWKhCYcHQILLA_x7JkQ7nsxBvoegCOkQwRC-vK5zL4r2WIeBSYoiAzbGITBL7H3GhVjxWkLqLPE8SEHCKY0V4/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/AVvXsEhjrZK5c70p9-2UwdmU2S3aGEDf4rnojOjo5lpvcbgxtToXLhotutytJMnAqbHSOOKMYiFDjJdYNlkHQjdhv3Rl-AlCbCnDjvd4sllsoVchpkjuDKlcKFYj3eTX7lBtFbGmlSCYGQT68EE/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/AVvXsEjCwH0o1iScasf-VGOgNMqPSmIulsw2LgTeBK4qlmbYzsLMHD7G6a5NLWH4D8ZczZtkc9JF7bYIm-ootO_SPd6UcGcgns4TLdafs-zC2DlkWIg-A_dDK_cekPykEXPuKpkZ4W5cXzWPLJQ/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/AVvXsEjUxo0IcX1LKm83cGlIsFACPzrdbmNs7p0iB98oBqbekYbc_x8t_0OQ-V7wiEbve6kop6Kf6J3nSt0q_FXGQuyZwlOADzfkPEzJWF9FWS6EHMq9TWaVnPMil_dWYCpBAFKEavrw9rrpthU/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 URLs que están marcadas de color añil, cámbialas por las URLs de tus post que quieras dar a conocer.

Las URLs que están marcadas de color amarillo, cámbialas por las URLs de tus paginas  que quieras enlazar con la palabra (información).

Las PALABRAS que están marcadas de color azul, 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 comentarios, 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!

No hay comentarios:

Publicar un comentario

¡QUE NO SE PIERDAN TUS AMIGOS NINGUNA PUBLICACION!

MANDALES POR CORREO EL LINK DE ESTE BLOG PARA QUE NOS CONOZCAN

Share to Facebook Share to Twitter Email This Pin This Share on Google Plus Más...

Vistas de página en total