Slide automático de postagens recentes para blog

Views:
<style>
#slide-container {
width:720px; /*LARGURA DO SLIDE*/
height:360px; /*ALTURA DO SLIDE*/
position:relative;
margin-left: -10px;
}
#slider {
width:720px; /*LARGURA DO SLIDE*/
height:360px; /*ALTURA DO SLIDE*/
left:30px;
background:#a80008; /*COR DE FUNDO DO SLIDE*/
overflow-x:hidden;
overflow-y:hidden;
position:relative;
}
.slide-desc {
background:#a80008; /*COR ONDE APARECE O RESUMO*/
color:#FFF; /*COR DA FONTE DO RESUMO*/
font-family:Arial; /*TIPO DA FONTE DO RESUMO*/
font-size:15px; /*TAMANHO DA FONTE DO RESUMO*/
padding:10px;
position:absolute;
top:0;right:0px;
text-align:left;
width:220px; /*LARGURA DA ÁREA DO RESUMO*/
z-index:99999;
}
.slide-desc h2{display:block;}
.crosscol .widget-content {position:relative;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:4px;}
#slider li, #slider2 li{
width:720px; /*LARGURA DO SLIDE*/
height:360px; /*ALTURA DO SLIDE*/
overflow:hidden;}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:360px; /*ALTURA DO SLIDE, MANTENHA COMO ACIMA*/
position:absolute;
left:-30px;
text-indent:-9999px;
top:0px;z-index:1000;}
#prevBtn, #slider1prev{left:0px !important;}
#nextBtn, #slider1next{left:750px !important;}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
display:block;
height:360px; /*ALTURA DO SLIDE, MANTENHA COMO ACIMA*/
left:0;
position:absolute;
top:0px;
width:30px;
z-index:1000;}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:360px; /*ALTURA DO SLIDE, MANTENHA COMO ACIMA*/
background:url(https://lh5.googleusercontent.com/-j28HsFjcG30/VV3dCV-DpdI/AAAAAAAARdA/TgQMuUyFkpE/s64-no/arrowleft.png) center;background-repeat:no-repeat;
z-index:100;
cursor:pointer;
border-right:1px solid #ccc;  /*COR DA BORDA DAS SETAS*/
background-color:#db000b;  /*COR DE FUNDO DAS SETAS*/
}
#nextBtn a, #slider1next a{
background:url(https://lh3.googleusercontent.com/-pyCcEr7m8OU/VV3dCYWdUKI/AAAAAAAARdE/nkwTgozDdYg/s64-no/arrowright.png) center;
background-repeat:no-repeat;
z-index:100;
cursor:pointer;
border-left:1px solid #ccc; /*COR DE BORDA DAS SETAS*/
 background-color:#db000b; /*COR DE FUNDO DAS SETAS*/
}
</style>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<script src='http://yourjavascript.com/1713118946/recentslidebyelainegaspareto.js' type='text/javascript'></script>

<script type='text/javascript'>
$(document).ready(function(){
 $("#slider").easySlider({
 auto: true,
 continuous: true });});
</script>
<div id="slider">
<script src='http://yourjavascript.com/4381561116/recentslide.js' type='text/javascript'></script>
<script style="text/javascript">
 var numposts_gal = 100; /*DEFINE A QUANTIDADE DE POSTS A EXIBIR*/
 var numchars_gal = 200; /*NÚMERO DE CARACTERES DO RESUMO*/
 var random_posts = true;
</script>
<script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>

</div>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage