Slide de posts recentes muito fácil de instalar e personalizar

Views:
Tutorial deste slide: https://www.elainegaspareto.com/2018/09/slide-de-posts-recentes-facil-e-simples.html 

 <style scoped="" type="text/css">
#coinautoslide{
margin:0 auto;
border:4px solid #ffffff; /*COR DA BORDA DO SLIDE*/
border-radius:2px;
font:normal normal 11px Verdana,Geneva,sans-serif; /*TAMANHO E TIPO DA FONTE DO SLIDE*/
line-height:1.6em;
}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;padding:10px;float:left}
.cs-buttons a{
margin-left:5px;
height:10px;
width:10px;
float:left;
border:1px solid #B8C4CF; /*COR DA BORDA DOS BULLETS*/
text-indent:-1000px;
}
.cs-active{
background-color:#1BBAAF; /*COR DE FUNDO DOS BULLETS ATIVO*/
}
.cs-buttons a{
border-radius:50%;
background:#cccccc; /*COR DE FUNDO DOS BULLETS*/
}
a.cs-active{
background:#1BBAAF; /*COR DE FUNDO DOS BULLETS QUANDO ATIVOS*/
border-radius:50%;
box-shadow:0 0 3px #18A49A;
border:1px solid #18A49A!important;
}
.cs-title{
width:100%;
padding:5px 0;
background-color:#000000; /*COR DE FUNDO DODO TEXTO DO SLIDE*/
color:#ffffff; /*COR DA FONTE DO TEXTO DO SLIDE*/
}
.cs-title strong{display:block;font-size:120%}
.cs-title p{margin:0}
.cs-title cite{font-size:90%}
.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.cs-prev,.cs-next{
background-color:#000000; /*COR DE FUNDO DA NAVEGAÇÃO*/
color:#ffffff !important; /*COR DE FONTE DA NAVEGAÇÃO*/
padding:0 10px;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>

<script type='text/javascript'>
var AutoCoinConfig = {
 url_blog: "https://www.elainegaspareto.com/",
 MaxPost: 15,
 cmtext: "Comentários",
 MonthNames : ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],
 pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
 NoCmtext : "Posts para comentários",
 imageSize :950,
 SumChars : 100,
 tagName:false,
 width: 950,
 height: 400,
 spw: 7,
 sph: 5,
 delay: 3000,
 sDelay: 30,
 opacity: 0.7,
 titleSpeed: 500,
 effect: '',
 navigation: true,
 links : true,
 hoverPause: true,
 prevText: 'Anterior',
 nextText: 'Próximo'
};
</script>
<script src="https://cdn.rawgit.com/elainegaspareto/codigos/2879540b/autoslidebyelainegaspareto.js" type="text/javascript"></script>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage