<!-- Ínicio do código Mult-focos --> <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"/></script>
<script src="https://sites.google.com/site/multfcodes/arquivos-mult-focos/content-slider-01.js" type="text/javascript"></script>
<style type="text/css">
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:arial,helvetica,trebuchet ms,verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}</style><br />
<br />
<ul class="slideshow">
<li><a href="LINK DO POST" target="_blank"><img title="TITULO DO POST" alt="RESUMO DO POST" src="LINK DA IMAGEM" /></a> </li>
<li><a href="LINK DO POST" target="_blank"><img title="TITULO DO POST" alt="RESUMO DO POST" src="LINK DA IMAGEM" /></a> </li>
<li><a href="LINK DO POST" target="_blank"><img title="TITULO DO POST" alt="RESUMO DO POST" src="LINK DA IMAGEM" /></a> </li>
<li><a href="LINK DO POST" target="_blank"><img title="TITULO DO POST" alt="RESUMO DO POST" src="LINK DA IMAGEM" /></a> </li>
<li><a href="LINK DO POST" target="_blank"><img title="TITULO DO POST" alt="RESUMO DO POST" src="LINK DA IMAGEM" /></a> </li>
</ul>
<span style="font-size: 80%; float:right;">Obter este <a href="http://mult-focos.blogspot.com.br/2014/01/como-criar-um-slideshow-que-funciona.html" target="_blank">widget</a></span>
<!-- Fim do código Mult-focos -->