Slide com atualizações automaticas

Venho com amis um slide show na nossa coleção!
Desta vez o slide tem atualização automatica de tudo o que você posta no blog ou no seu site, aprenda como coloca-lo a seugir:

Slide com atualizações automatica.

Vá até o HTML de seu blog e procure pelo código:

]]></b:skin>
Cole então o próximo código acima dele. (código em vermelho é a imagem de fundo)


</span></span></b></span></font></p><p><font class="Apple-style-span" color="#FF0000" face="UnifrakturMaguntia, arial, serif"><span class="Apple-style-span" style="line-height: 20px; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; color: rgb(0, 0, 0); font-weight: normal; "><span class="Apple-style-span" style="font-family: 'Times New Roman'; line-height: normal; font-size: medium; "></span>/*Slide---------------------------------------------------------------*/<br>#crosscol-wrapper { /* coluna onde você colocará o slide */<br>padding:12px;<br>position:relative;}<br>#slide-wrapper { /* container do slide - não alterar */<br>width:100%;}<br>#slide-wrapper a:link,<br>#slide-wrapper a:visited,<br>#slide-wrapper a:hover{ /* links - não alterar */<br>outline:none;<br>text-decoration:none;}<br><br>#slider { /* altere a imagem de fundo e as medidas conforme seu template */<br>background:url(<b><span class="Apple-style-span" style="color: red; ">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEito336syBE25miEbhc501C4QuyQ6d47deLF5El-j5DG-WJs8ltcknPFYRCmkXrHYHrFxChQvA6g1eVtoSWEFB8gyKZfIu4sTehB2eKQtAG_CZRGIC2tNEYdYH1oqAbhr3O8mdGWfsG3YkM/s1600/980.png</span></b>) no-repeat;<br>clear:both;<br>height:254px;<br>margin:20px 0 0 0;<br>overflow:hidden;<br>position:relative;<br>width:100%;}<br><br>#mover { /* seletor da movimentação do slide - não altere */<br>overflow:hidden;<br>position:absolute;<br>width:auto;}<br><br>.slide { /* a largura pode ser alterada conforme a coluna onde você colocará o slide e a imagem de fundo */<br>float:left;<br>height:200px;<br>padding:15px 0;<br>position:relative;<br>width:960px;}<br><br>.slide h3 { /* título do post - altere cor, fonte e medidas conforme seu template */<br>color:#ccc;<br>font-size:24px;<br>margin:0 0;<br>overflow:hidden;<br>padding:10px 0px 0px 10px;<br>width:300px;}<br><br>.summary { /* container do sumário - altere conforme seu template */<br>font-size:12px;<br>font-weight:bold;<br>line-height:20px;<br>margin:0 0;<br>padding:30px 0px 0px 10px;<br>text-transform:uppercase;<br>width:400px;}<br><br>.slide p{ /* parágrafo do sumário - altere conforme seu template */<br>color:#ccc;<br>font-size:12px;<br>line-height:20px;<br>margin:5px 0;<br>padding:10px 0px 0px 10px;<br>width:400px;}<br><br>/* os ítens abaixo referem-se ao link leia mais - altere conforme seu template, a imagem de fundo e a imagem do botão que colocar */<br><br>.leiamais{<br>background: #fff;<br>width: 70px;<br>padding: 0 30px 0 40px;<br>font-size:14px;<br>line-height:30px;<br>margin:0 39px 0 200px;<br>-moz-border-radius: 15px;<br>-webkit-border-radius: 15px;<br>text-shadow: 0px 1px 1px #555;<br>}<br><br>.leiamais a:link,<br>.leiamais a:visited,<br>.leiamais a:hover{<br>color:#000;<br>text-decoration:none;}<br><br>.slide img { /* imagem do slide - as medidas e posicionamento deverão ficar de acordo com a imagem de fundo */<br>background:#fff;<br>width: 280px;<br>height:180px;<br>border: 1px solid #ccc;<br>position:absolute;<br>top:10px;<br>left:555px;<br>padding:10px 10px;}<br><br>#slider-stopper { /* texto para parar e reiniciar o slide - medidas e posicionamento devem seguir a imagem de fundo */<br>color:#000;<br>font-size:14px;<br>font-family:Georgia, Helvetica, Sans-Serif;<br>padding:3px 8px;<br>position:absolute;<br>top:111px;<br>right:22px;<br>text-transform:uppercase;}<br></span></b></span></font></p><p><font class="Apple-style-span" color="#FF0000" face="UnifrakturMaguntia, arial, serif"><span class="Apple-style-span" style="line-height: 20px; font-size: xx-small;"><b><span class="Apple-style-span" style="font-size: 13px; color: rgb(0, 0, 0); font-weight: normal; ">

Agora abaixo de :


]]></b:skin>


Cole o próximo código. 

</p><p><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><script src='http://www.google.com/jsapi'/></span></p><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><script></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">google.load("jquery", "1.3.1");</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">google.load("jqueryui", "1.5.3");</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></script></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><b:if cond='data:blog.url == data:blog.homepageUrl'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "> <!-- JavaScript Slider --></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><script type='text/javascript'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">var delayLength=6000;function doMove(panelWidth,tooFar){var leftValue=$("#mover").css("left");if(leftValue=="auto"){leftValue=0};var movement=parseFloat(leftValue,10)-panelWidth;if(movement==tooFar){$(".slide img").animate({"top":-200},function(){$("#mover").animate({"left":0},function(){$(".slide img").animate({"top":50})})})}else{$(".slide img").animate({"top":-200},function(){$("#mover").animate({"left":movement},function(){$(".slide img").animate({"top":50})})})}}$(function(){var $slide1=$(".slide");var panelWidth=$slide1.css("width");var panelPaddingLeft=$slide1.css("paddingLeft");var panelPaddingRight=$slide1.css("paddingRight");panelWidth=parseFloat(panelWidth,10);panelPaddingLeft=parseFloat(panelPaddingLeft,10);panelPaddingRight=parseFloat(panelPaddingRight,10);panelWidth=panelWidth+panelPaddingLeft+panelPaddingRight;var numPanels=$(".slide").length;var tooFar=-(panelWidth*numPanels);var totalMoverwidth=numPanels*panelWidth;$("#mover").css("width",totalMoverwidth);$("#slider").append('<a href="#crosscol-wrapper"id="slider-stopper">Stop</a>');sliderIntervalID=setInterval(function(){doMove(panelWidth,tooFar)},delayLength);$("#slider-stopper").click(function(){if($(this).text()=="Stop"){clearInterval(sliderIntervalID);$(this).text("Start")}else{sliderIntervalID=setInterval(function(){doMove(panelWidth,tooFar)},delayLength);$(this).text("Stop")}})});</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></script></span><br><p><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></b:if></span></p><p><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></span>

Procure então por:
<span class="Apple-style-span" style="color: rgb(99, 129, 157); font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><b><span class="Apple-style-span" style="color: red; "><div id='content-wrapper'>


E cole acima dele o código abaixo:
</span></span></b></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><div id='crosscol-wrapper'></span></p><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">    <b:if cond='data:blog.url == data:blog.homepageUrl'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">       <div id='slide-wrapper'><div id='slider'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><script type='text/javascript'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">imgr = new Array();</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">imgr[0] = "http://4.bp.blogspot.com/_j4fpzU2AasM/StEneoD2ZoI/AAAAAAAABfI/WhN3tHhZEy0/s1600/noimage2.gif";</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">showRandomImg = true;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">imgwidth = 200;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">imgheight = 150;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">summaryPost = 100;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">startpost = 2;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">numposts = 6;</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">home_page = "<data:blog.homepageUrl/>";</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></script></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><script type='text/javascript'></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">//<![CDATA[</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">s=s.join("");s=s.substring(0,chop-1);return s;}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">function showrecentposts(json){document.write('<div id="mover">');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 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;}}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">if("content"in entry){var postcontent=entry.content.$t;}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">else</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">if("summary"in entry){var postcontent=entry.summary.$t;}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">else var postcontent="";if(j>imgr.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;var item='<div class="slide"><h3><a href="'+posturl+'">'+posttitle+'</a></h3><div class="summary"><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div><div class="leiamais"><a href="'+posturl+'">Leia Mais</a></div> <a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a> </div>';if(summaryPost==0){item='<div class="slide"><h3><a href="'+posturl+'">'+posttitle+'</a></h3><div class="leiamais"><a href="'+posturl+'">Leia Mais</a></div> <a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></div>';}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">document.write(item);j++;}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">document.write('</ul>');}</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&start-index="+startpost+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; ">//]]></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></script></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><div class='clear'/></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></div></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></div></b:if></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "><br></span><span class="Apple-style-span" style="font-family: UnifrakturMaguntia, arial, serif; font-size: 13px; line-height: 20px; "></div>

Abaixo alguns fundos(salve em seu computador e hospede):

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBlBj4xHoSTK3pXrTgVtFCj7YAIJBc47dCSgU7Tl_sGCrJZPQnT4AqbuAjpWx1gsqDaEktWQx1rxPxucIWH_cPdlX6ruJiFJOBOzuOOp24UUCStjztKnxYTmDRbf7-D3q5Q_Nas6FUCET/s400/VERMELHO.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLw3C3fokhHi0KLeoE5-LaNIPM3wvBMIARCoixNooXMInn85CW-GcGkCZcxFdH_31qX64CaPpkTMS90ml6jFBzMlxx7IhdCveWRL-2aloHSeVAi0Or4ASZTzx5O4jnvsIeJAdsG5rLwP2B/s400/VERDE.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQC7hhVOFFYLR0J6syABkaqonIB4YRHUafuCIvB-0tu5dqqPDIupCAbfyvLaSBmlU6BQ9wWOcKAdvhgA6DwkTiuywEmWwkTz3u-7powIuKKFZe2TtZN4EtSOcEp2yG2qis6x43IZ_BuS0G/s400/TURQUESA.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ-hWn9QcdfibuMdpdJodCl1OPFadkXRw9IvGrMgvTSbGXYJXgnuGPCMbw9d3Z_IoW1LLs2Qbvy5fdOJj9nFflZSrEnAGpHm7N8X0LKnRlLa985nIJ3SwaDbNuBYRim6k-ZBLmsQU3dKP/s400/PURPURA.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrs41Z-0Rw_gCrYCRC9bm5PBdC6bQBsJYn6bVelRGH54SX5khr0tLgaCRsEF3gOlAu515YDVwRi2KoWAQzl3Ba5-LS4QmX4Coxam0m8DT9sXvZnLXUi1vSfI_FfL6sZdHn6541KQ9JZGbx/s400/MARROM.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOdSg2dx1L-0gCRv8GHX6iNJsf2gNVjCYAl1FsIS9qNtLe-SkChsmCHcn-JeXiAMXXBt8SPpUjGYkLA8AKM3bbeKkgvnKOoR4aFcbRlzzFSylvjfUF44N4Vl32vzvr6E7gb4cD2svRzI67/s400/AZUL+2.png