Hemos visto variossliders con distintos efectos para todos los gustos. Pero muchos no se animan a usar uno por el "mantenimiento" que este implica, es decir, tener que estar editando el slider continuamente para cambiar los textos, los títulos, las imágenes, etc. Así que una petición constante es un slider que haga el "trabajo sucio", es decir, unslider que muestra las últimas entradas del blog de forma automática, sin necesidad de estar editando el slider una vez que esté puesto.
Featured Content Slider es un script original de Dynamic Drive, aunque el slider en sí es una extracción de la plantillaSimplex Transcript.Muestra las últimas 10 entradas publicadas en el blog con su imagen, el título, y un resumen de cada entrada.
El demo puedes verlo aquí mismo.
Para poner este slider automático en el blog entra en laEdición HTML de la plantilla y antes de/b:skin pega los estilos:/* Featured Content Slider----------------------------------------------- */#featuredContent {margin:0 auto;padding:7px 7px 5px;width:450px;display:block;background:#efefef;/* Color de fondo */}#featured-slider {position: relative;overflow: hidden;width:450px;height: 320px;}#featured-slider img {display:block;height:auto !important;}#featured-slider .sliderPostPhoto {position:relative;height:256px;width:450px;overflow:hidden;}#featured-slider .sliderPostInfo {position:absolute;bottom:0;width:450px;min-height:30px;color:#fff;padding:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUOz7qiW8lxmeOGBaLejJDFGlB8YQhZLFn_kHqKl-CqHFtsGWYI7qRV3UJARYIdTcKJJ91y_ZDc0Yu9zBXFP-JRQGf8jCAMpaQMVNNH0Pvj3W_FsPNXD2psNmM3usIBaZJZQjP-mlXvao/s30/bgtransparent.png);height:30px;}#featured-slider .sliderPostInfo p {color:#fff;font-size:1.1em;padding:3px 5px 5px 6px;}#featured-slider .contentdiv {visibility: hidden;position: absolute;left: 0;top: 0;z-index:1;}#paginate-featured-slider {display:block;margin-bottom:5px;font:bold14.6px Arial, verdana, sans-serif;/* Tamaño fuente de los números */}#paginate-featured-slider a {color:#000;padding:2px 7px;background:#ddd;}#paginate-featured-slider a:hover {text-decoration:none;color:#cd1713;/* Color de fondo de la pestaña al pasar el cursor */}#paginate-featured-slider a.selected {color:#fff;text-decoration:none;background:#cd1713;/* Color de fondo de la pestaña activa */}h2.featuredTitle {font:14px "trebuchet ms", arial, sans-serif;/* Tamaño fuente de los títulos */font-weight:normal;letter-spacing:1px;display:block !important;margin: auto 0 !important;}h2.featuredTitle a {color:#fff;display:block;padding:3px;}h2.featuredTitle a:hover {text-decoration:underline;}Ahora antes de/head pega los scripts, que son algo largos:
script type='text/javascript'//![CDATA[// Featured Content Slider (CB)//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. // Featured Content Slider- © Dynamic Drive DHTML code library (www.dynamicdrive.com)// This notice MUST stay intact for legal use// Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s morevar featuredcontentslider={ajaxloadingmsg: 'div style="margin: 20px 0 0 20px"img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifKdtXpvAvD3XfJsq76edCCIWvzyl0mouoPnssfPCX4QMvMbsC-XBpARtg54hSZ4q83kK9H79gAkj3NqGaIeRslScqPfliak09R31dzneuqiYewc-QyKMSEvHAN4mXByw4u5HArEpBXWBZ/s32/loading.gif" / Cargando imágenes.../div',bustajaxcache: true,enablepersist: true,settingcaches: {},jumpTo:function(fcsid, pagenumber){ this.turnpage(this.settingcaches[fcsid], pagenumber)},ajaxconnect:function(setting){ var page_request = false if (window.ActiveXObject){ try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } catch (e){ try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") } catch (e){} } } else if (window.XMLHttpRequest) page_request = new XMLHttpRequest() else return false var pageurl=setting.contentsource[1] page_request.onreadystatechange=function(){ featuredcontentslider.ajaxpopulate(page_request, setting) } document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime() page_request.open('GET', pageurl+bustcache, true) page_request.send(null)},ajaxpopulate:function(page_request, setting){ if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){ document.getElementById(setting.id).innerHTML=page_request.responseText this.buildpaginate(setting) }},buildcontentdivs:function(setting){ var alldivs=document.getElementById(setting.id).getElementsByTagName("div") for (var i=0; ialldivs.length; i++){ if (this.css(alldivs[i], "contentdiv", "check")){ setting.contentdivs.push(alldivs[i]) alldivs[i].style.display="none" } }},buildpaginate:function(setting){ this.buildcontentdivs(setting) var sliderdiv=document.getElementById(setting.id) var pdiv=document.getElementById("paginate-"+setting.id) var phtml="" var toc=setting.toc var nextprev=setting.nextprev if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){ for (var i=1; i=setting.contentdivs.length; i++){ phtml+='a href="#'+i+'" class="toc"'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'/a ' } phtml=(nextprev[0]!=''? 'a href="#prev" class="prev"'+nextprev[0]+'/a ' : '') + phtml + (nextprev[1]!=''? 'a href="#next" class="next"'+nextprev[1]+'/a' : '') pdiv.innerHTML=phtml } var pdivlinks=pdiv.getElementsByTagName("a") var toclinkscount=0 //var to keep track of actual # of toc links for (var i=0; ipdivlinks.length; i++){ if (this.css(pdivlinks[i], "toc", "check")){ if (toclinkscountsetting.contentdivs.length-1){ pdivlinks[i].style.display="none" continue } pdivlinks[i].setAttribute("rel", ++toclinkscount) pdivlinks[i][setting.revealtype]=function(){ featuredcontentslider.turnpage(setting, this.getAttribute("rel")) return false } setting.toclinks.push(pdivlinks[i]) } else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ pdivlinks[i].onclick=function(){ featuredcontentslider.turnpage(setting, this.className) return false } } } this.turnpage(setting, setting.currentpage, true) if (setting.autorotate[0]){ pdiv[setting.revealtype]=function(){ featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } sliderdiv["onclick"]=function(){ featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id]) } setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) this.autorotate(setting) }},urlparamselect:function(fcsid){ var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) return (result==null)? null : parseInt(RegExp.$1)},turnpage:function(setting, thepage, autocall){ var currentpage=setting.currentpage //current page # before change var totalpages=setting.contentdivs.length var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage) turntopage=(turntopage1)? totalpages : (turntopagetotalpages)? 1 : turntopage //test for out of bound and adjust if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly return setting.currentpage=turntopage setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex this.cleartimer(setting, window["fcsfade"+setting.id]) setting.cacheprevpage=setting.prevpage if (setting.enablefade[0]==true){ setting.curopacity=0 this.fadeup(setting) } if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete) setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block") setting.onChange(setting.prevpage, setting.currentpage) } setting.contentdivs[turntopage-1].style.visibility="visible" setting.contentdivs[turntopage-1].style.display="block" if (setting.prevpage=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[setting.prevpage-1], "selected", "remove") if (turntopage=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted) this.css(setting.toclinks[turntopage-1], "selected", "add") setting.prevpage=turntopage if (this.enablepersist) this.setCookie("fcspersist"+setting.id, turntopage)},setopacity:function(setting, value){ var targetobject=setting.contentdivs[setting.currentpage-1] if (targetobject.filters && targetobject.filters[0]){ //IE syntax if (typeof targetobject.filters[0].opacity=="number") //IE6 targetobject.filters[0].opacity=value*100 else //IE 5.5 targetobject.style.filter="alpha(opacity="+value*100+")" } else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax targetobject.style.MozOpacity=value else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax targetobject.style.opacity=value setting.curopacity=value},fadeup:function(setting){ if (setting.curopacity1){ this.setopacity(setting, setting.curopacity+setting.enablefade[1]) window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50) } else{ //when fade is complete if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run) setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block") setting.onChange(setting.cacheprevpage, setting.currentpage) }},cleartimer:function(setting, timervar){ if (typeof timervar!="undefined"){ clearTimeout(timervar) clearInterval(timervar) if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div setting.contentdivs[setting.cacheprevpage-1].style.display="none" } }},css:function(el, targetclass, action){ var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig") if (action=="check") return needle.test(el.className) else if (action=="remove") el.className=el.className.replace(needle, "") else if (action=="add") el.className+=" "+targetclass},autorotate:function(setting){window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])},getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null},setCookie:function(name, value){ document.cookie = name+"="+value},init:function(setting){ var persistedpage=this.getCookie("fcspersist"+setting.id) || 1 var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index this.settingcaches[setting.id]=setting //cache "setting" object setting.contentdivs=[] setting.toclinks=[] setting.topzindex=0 setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1) setting.prevpage=setting.currentpage setting.revealtype="on"+(setting.revealtype || "click") setting.curopacity=0 setting.onChange=setting.onChange || function(){} if (setting.contentsource[0]=="inline") this.buildpaginate(setting) if (setting.contentsource[0]=="ajax") this.ajaxconnect(setting)}}imgr = new Array();imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25uGB2CHzJuN7vT1E1CwKYugvYRaMffgD0XE14mbin97lvLTVZ8RQo2dAnYN8IpW4HFEsreKuvuPMNQJGt5s8BRAizeaqEWDJGPIKNiTu7pVL5HGA2_azvihXni81DjLTdV_eQ5p5QpU/s0/sin-imagen.png";showRandomImg = true;aBold = true;summaryPost = 220;summaryTitle = 25;numposts = 10;numposts1 = 1;numposts2 = 4;numposts3 = 4;numposts4 = 1;numposts5 = 4;numposts6 = 6;numposts7 = 5;numposts8= 10;numposts9= 8;numposts10= 12;function removeHtmlTag(strx,chop){ var s = strx.split(""); for(var i=0;is.length;i++){ if(s[i].indexOf("")!=-1){ s[i] = s[i].substring(s[i].indexOf("")+1,s[i].length); } } s = s.join(""); s = s.substring(0,chop-1); return s;}function showrecentposts1(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'div class="featuredPost lastPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2a href="'+posturl+'"img width="70" height="70" class="alignleft" src="'+img[i]+'"//ap'+removeHtmlTag(postcontent,summaryPost)+'.../p/div'; document.write(trtd); j++;}}function showrecentposts1a(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'div class="featuredPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2a href="'+posturl+'"img width="60" height="45" class="alignright" src="'+img[i]+'"//ap'+removeHtmlTag(postcontent,summaryPost)+'.../p/div'; document.write(trtd); j++;}}function showrecentposts2(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i 10; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'lia href="'+posturl+'"'+posttitle+'/a/li'; document.write(trtd); j++;}}function showrecentposts3(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); document.write('div class="featuredPost lastpost"'); for (var i = 0; i 10; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; if (i==0) { var trtd = 'a href="'+posturl+'"img width="75" height="42" class="alignleft" src="'+img[i]+'"//ah2 class="spostTitle"a href="'+posturl+'"'+posttitle+'/a/h2p'+removeHtmlTag(postcontent,summaryPost)+'.../p/div'; document.write(trtd); } if ((i0)&&(inumposts)) { var trtd = 'a href="'+posturl+'" class="list"'+posttitle+'/a'; document.write(trtd); } j++; } document.write(' /div');}function showrecentposts4(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); if (numposts5 = json.feed.entry.length) { maxpost = numposts5; } else { maxpost=json.feed.entry.length; } for (var i = 0; i maxpost; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; if (i==0) { var trtd = 'div class="bottomBox_wide left"div class="thumb"a href="'+posturl+'"img width="300" height="225" class="alignone" src="'+img[i]+'"//a/divdiv class="featuredPost lastPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2 p'+removeHtmlTag(postcontent,summaryPost)+'.../pdiv class="clear"/div/div/divdiv class="bottomBox_narrow right"'; document.write(trtd); } if ((i0)&&(imaxpost)) { var trtd = 'div class="featuredPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2a href="'+posturl+'"img class="alignright" height="55" src="'+img[i]+'" width="55"//ap'+removeHtmlTag(postcontent,summaryPost)+'.../pdiv class="clear"/div/div'; document.write(trtd); } j++; } document.write('/div');}function showrecentposts4a(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); if (numposts5 = json.feed.entry.length) { maxpost = numposts5; } else { maxpost=json.feed.entry.length; } for (var i = 0; i maxpost; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; if (i==0) { var trtd = 'div class="bottomBox_wide right"div class="thumb"a href="'+posturl+'"img width="300" height="225" class="alignone" src="'+img[i]+'"//a/divdiv class="featuredPost lastPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2p'+removeHtmlTag(postcontent,summaryPost)+'.../pdiv class="clear"/div/div/divdiv class="bottomBox_narrow left"'; document.write(trtd); } if ((i0)&&(imaxpost)) { var trtd = 'div class="featuredPost"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2a href="'+posturl+'"img class="alignright" height="55" src="'+img[i]+'" width="55"//ap'+removeHtmlTag(postcontent,summaryPost)+'.../pdiv class="clear"/div/div'; document.write(trtd); } j++; } document.write('/div');}function showrecentposts5(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i numposts5; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'lidiv class="entry"a href="'+posturl+'"img width="80" height="85" class="alignleft" src="'+img[i]+'"//ah2 class="sidebarPostTitle"a href="'+posturl+'"'+posttitle+'/a/h2p'+removeHtmlTag(postcontent,summaryPost)+'.../p/div/li'; document.write(trtd); j++; } }function showrecentposts6(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i numposts6; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'div class="text"h2 class="postTitle"a href="'+posturl+'"'+posttitle+'/a/h2p'+removeHtmlTag(postcontent,summaryPost)+'.../pdiv class="clear"/div /divdiv class="imgThumb"a href="'+posturl+'"img width="269" height="201" class="alignright" src="'+img[i]+'"//a/div'; document.write(trtd); j++; } }function showrecentposts7(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); document.write('ul'); for (var i = 0; i numposts7; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'li class="car"div class="thumb"a href="'+posturl+'"img width="150" height="113" class="alignnone" src="'+img[i]+'"//a /divdiv class="info"p'+posttitle+'/pp class="morePhoto"a href="'+posturl+'"Leer más/a/p/div/li '; document.write(trtd); j++; } document.write('/ul');}function showrecentposts8(json) { j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0; img = new Array(); for (var i = 0; i numposts8 ; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var pcm; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } for (var k = 0; k entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { pcm = entry.link[k].title.split(" ")[0]; break; } } if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; postdate = entry.published.$t; if(jimgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf("img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d; //cmtext = (text != 'no') ? 'ifont color="'+acolor+'"('+pcm+' '+text+')/font/i' : ''; var trtd = 'div class="contentdiv"div class="sliderPostPhoto"a href="'+posturl+'"img width="100%" height="341" class="alignnone" src="'+img[i]+'"//adiv class="sliderPostInfo"h2 class="featuredTitle"a href="'+posturl+'"'+posttitle+'/a/h2/div/divdiv class="featuredPost lastPost"p'+removeHtmlTag(postcontent,summaryPost)+'.../p/div/div'; document.write(trtd); j++; } }///scriptscript type='text/javascript'var classicMode = false ;var summary = 30;var indent = 3;function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}function getSummaryLikeWP(id) { return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];}function getSummaryImproved(post,max){ var re = /<.*?>/gi var re2 = /<br.*?>/gi var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi post = post.replace(re4,'') post = post.replace(re3,'<br /> ').split(re2) for(var i=0; i<post.length; i++){ post[i] = post[i].replace(re,''); }var post2 = new Array();for(var i in post) { //if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]); if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;}var s = "";var indentBlank = "";for(var i=0;i<indent;i++){ indentBlank += " ";}if(post2.join('<br/>').split(' ').length < max-1 ){ s = post2.join(indentBlank +' <br/>');} else { var i = 0; while(s.split(' ').length < max){ s += indentBlank + ' ' + post2[i]+'<br/>'; i++; }}return s;}function createSummaryAndThumb(pID,title,url,date,comment){var posturl= url;var title=title;var date =date;var comment = comment;var div = document.getElementById(pID);var content = div.innerHTML;if (/<!--\s*more\s*-->/.test(content)) { div.innerHTML = getSummaryLikeWP(pID); div.style.display = "block";}else {var imgtag = "";var img = div.getElementsByTagName("img");var summ = summary;if(img.length>=1) { imgtag = '<a href="'+posturl+'"><img width="90" height="65" class="alignleft" src="'+img[0].src+'"></a>'; } var summary1 = imgtag+'<p>'+stripHtmlTags(content,summary)+'...</p>';div.innerHTML = summary1;div.style.display = "block";}}/script
b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'/Justo arriba de ella agrega esto:
b:widget id='HTML88' locked='false' title='Slider' type='HTML'b:includable id='main'div id='featuredContent' div id='paginate-featured-slider'a class='prev' href='#prev'Anterior/aa class='toc' href='#1' rel='1'1/aa class='toc' href='#2' rel='2'2/aa class='toc' href='#3' rel='3'3/aa class='toc' href='#4' rel='4'4/aa class='toc' href='#5' rel='5'5/aa class='toc' href='#6' rel='6'6/aa class='toc' href='#7' rel='7'7/aa class='toc' href='#8' rel='8'8/aa class='toc' href='#9' rel='9'9/aa class='toc' href='#10' rel='10'10/aa class='next' href='#next'Siguiente/a/divdiv class='sliderwrapper' id='featured-slider'scriptdocument.write("<script src=\"http://www.nombre-de-mi-blog.blogspot.com/feeds/posts/default?max-results="+numposts10+"&orderby=published&alt=json-in-script&callback=showrecentposts8\"><\/script>");/script/divscript type='text/javascript'featuredcontentslider.init({id: "featured-slider", contentsource: ["inline", ""],toc: "#increment",nextprev: ["« Anterior","Siguiente »"],revealtype: "click",enablefade: [true, 0.4],autorotate: [true, 5000],onChange: function(previndex, curindex){ }})/script/div/b:includable/b:widget
Agrega el nombre de tu blog donde se indica y listo.
El slider estará arriba de tus entradas, aunque una vez puesto puedes arrastrar el gadget al lugar que quieras desde la sección de Diseño.
Aunque el ancho del slider se puede modificar, lo ideal sería dejarlo tal como está, pues hacerlo más ancho implicaría agregar más pestañas y eso podría hacer más lenta la carga del blog, ya que como pueden ver el script es bastante largo.Las imágenes cambian solas, pero si el usuario navega através de las pestañas entonces el slider se detendrá para que el lector pueda ver el contenido tranquilamente.
Cuando una entrada no tenga imagen mostrará una imagen por defecto, para cambiarla por alguna otra de tu preferencia, busca en el script esta URL y cámbiala por la de tu imagen:
En caso de que el texto del resumen se llegara a exceder podemos modificar el número de caracteres a mostrar:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25uGB2CHzJuN7vT1E1CwKYugvYRaMffgD0XE14mbin97lvLTVZ8RQo2dAnYN8IpW4HFEsreKuvuPMNQJGt5s8BRAizeaqEWDJGPIKNiTu7pVL5HGA2_azvihXni81DjLTdV_eQ5p5QpU/s0/sin-imagen.png
summaryPost = 220;Se encuentra dentro del script, y con un valor más bajo mostrará menos caracteres en el resumen de las entradas.
Si usas las entradas con el script delLeer más automático, entonces pon el script de este sliderantes del script del Leer más, para que las miniaturas de tus entradas no se vean afectadas.La ventaja de este slider es que una vez puesto recogerá los datos de las10 últimas entradas de forma automática, así que ya no tendremos que hacer nada más excepto disfrutarlo.
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Perros,FIFA World Cup Peinados caninos,Veterinarios caninos,MESOTHELIOMA LAW FIRM,MESOTHELIOMA LAW FIRM,DONATE CAR TO CHARITY CALIFORNIA ,DONATE CAR FOR TAX CREDIT,DONATE CARS IN MA,DONATE YOUR CAR SACRAMENTO,HOW TO DONATE A CAR IN CALIFORNIA,SELL ANNUITY PAYMENT,DONATE YOUR CAR FOR KIDS,ASBESTOS LAWYERS,DONATE YOUR CAR FOR KIDS ,Selling annuity payments for cashSelling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity
MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetPero tuve que ser Mundial Football consolidating FIFA World Cup web host rating,register web address,online psychology degree,her first lesbian sex, make extra money ,make money fast and easy,addwords y mejor obtuve un credit application,visa gift carda,Mesothelioma law firm,voip phone service,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity
structured settlement annuity companies personal injury lawyer sarasota fl Donate cars Illinois Dayton Freight Lines mesothelioma settlements amounts Dwi lawyer Php programmers Proud Italian cook Donate Old Cars to Charity Photo Christmas cards Hire php programmers Sell Annuity Payment structured settlement quote Cheap domain registration hosting New social media platforms Online casino Computer science classes online Online College Course Casino DUI lawyer selling my structured settlement WordPress theme designers CAR DONATE motorcycle accident attorney chicago Bankruptcy lawyer Paperport promotional code refinance with bad credit structured settlement buyer boca raton personal injury attorney Mobile casino california law lemon Make money online Australia yahoo web hosting Hire php developers MET AUTO Dallas mesothelioma attorneys Casino reviews Low Credit Line Credit Cards Live casino HOW TO DONATE A CAR IN CALIFORNIA Adobe illustrator classes Seo companies mesothelioma law suits Seo company Custom WordPress theme designer onlineclasses Dayton freight lines Auto Mobile Shipping Quote Car Accident Lawyers mesothelioma care Donate your car Sacramento saskatchewan auto insurance auto accident attorney Torrance fast cash for house Best social media platforms compare life assurance best mesothelioma lawyers Donate Cars in MA cell cycle regulation ppt motorcycle accident lawyer san diego Service business software DONATE YOUR CAR FOR KIDS Criminal lawyer DONATE YOUR CAR FOR MONEY Psd to WordPress motorcycle accident attorney sacramento Php programmers for hire Business management software mesotheolima injury lawyers Criminal defense lawyer NEUSON most profitable internet business Hire php developer alabama mesothelioma lawyer DAYTON FREIGHT LINES Life Insurance Co Lincoln DONATING USED CARS TO CHARITY canada personals yahoo car insurance quotes Car Insurance in South Dakota Personal Injury Law Firm MESOTHELIOMA LAW FIRM Donate Car To Charity CALIFORNIA home phone internet bundle Best social media platforms for business personal injury attorney ocala fl PHD on Counseling Education houston tx auto insurance DONATE CARS IN MA business administration masters accident attorney orange county Psd to html google adsense Online Christmas cards accident attorney in los angeles pharmacist jobs in chicago Hard drive Data Recovery Services Gas/Electricity Business finance group Donate your Car for Money att call conference Car Insurance Quotes Colorado average mesothelioma settlement Social media platforms for business Seo services Best Seo company life insurance co lincoln Psychic for Free refinance with poor credit donate your car for money illinois law lemon bowne virtual data room sell structured settlement calculator Best criminal lawyer in Arizona