Como insertar un Slideshow en Blogger simples pasos - BloggerS Look
BloggerS Look professional-blogger-blog%255B5%255D
Blogger0
INSPITATION AND CREATIVITY IN SOCIAL NETWORKS
demo-image

Como insertar un Slideshow en Blogger simples pasos

Share This
Vamos a trabajar


1 Ir a blogger

2 Da un clic en “Plantilla

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

wdigets+para+blogger+trucos+blogger

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.

wdigets+para+blogger+trucos+blogger

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

dise%C3%B1o
7 Abre un gadget “Añadir un gadget

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

dise%C3%B1o+de+paginas+web

<!-- 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!
Comment Using!!

No hay comentarios:

Publicar un comentario

Vistas de página en total

14181
HOME
tS9S8GF