Slide com as últimas postagens

 DEMO

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Agora procure por:  

]]></b:skin>  

 

 

Acima dele cole o código abaixo:

/* START
--------------------------------------------------------------------
 Roundabout Content Slider using jQuery for blogger
 By http://www.abu-farhan.com
--------------------------------------------------------------------
 Roundabout
*/
#featured   {
margin:0px 0px 20px 0px;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius:0 8px 8px 0;
-moz-box-shadow: 0px 10px 10px -7px #888;
-webkit-box-shadow:0px 10px 10px -7px #888;
}
#folio_scroller_container  {
margin-top:35px;
margin-bottom:40px;
height:auto;
}
#folio_scroller_container .roundabout-holder {
list-style:none;
height:400px;
margin:0px auto 20px auto;
}
.roundabout-holder {
list-style:none;
width:940px; /*Comprimento do slide*/
height:350px;/*largura do slide*/
margin:0px auto;
}

.roundabout-moveable-item   {
height:290px;/*comprimento da imagem*/
width:350px;/*largura da imagem*/
background:#f9f9f9;
font-size:14px!important;
cursor:pointer;
padding:5px 9px 20px 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-box-shadow:0px 0px 20px #787878;
-moz-box-shadow:0px 0px 20px #787878;
}
.roundabout-moveable-item img {
height:90%; width:100%;
background-color:#fff;
margin:0;
}
.roundabout-in-focus  {
cursor:auto;
}
.roundabout-in-focus:hover  {
-webkit-box-shadow:0px 0px 20px #000;
-moz-box-shadow:0px 0px 20px #000; 
font-size : 18px;/*Tamanho da fonte*/
border:1px solid #aaaaaa;
}
.roundabout-holder span {
display:none; font-size:12px;
}
.roundabout-in-focus:hover span   {
display:inline; position:absolute;
bottom:5px; right:5px; padding:8px 20px;
background:#f9f9f9; color:#000000; z-index:999;
-moz-border-radius: 0 8px 8px 0; border-top:1px solid #ccc;
}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited  {
outline:none; text-decoration:none;
}
.roundabou li   {margin:0
}
a img   {
border:none; outline:0;
}

 Procure agora por:

</body>

E acima dele cole o próximo código

<!-- jQuery -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js' type='text/javascript'/>
<script charset='utf-8' src='http://catur-at-abu-farhan.googlecode.com/svn/trunk/jquery.roundabout-1.1.min.js' type='text/javascript'/>
 <script type='text/javascript'>
 jQuery(document).ready(function($) {
 var interval;
 $(&#39;#featured ul&#39;)
 .roundabout({
 duration: 600 }
 )
 .hover(
 function() {
 // oh no, it&#39;s the cops!
 clearInterval(interval);
 },
 function() {
 // false alarm: PARTY!
 interval = startAutoPlay();
 }
 );
 // let&#39;s get this party started
 interval = startAutoPlay();
 });
 function startAutoPlay() {
 return setInterval(function() {
 jQuery(&#39;#featured ul&#39;).roundabout_animateToNextChild();
 }, 5000);
 }
 </script>

Salve. Agora clique em Layout

Clique em Adicionar um Gadegt

Ao abrir, clique em  HTML/Javascript

Cole então o próximo código fazendo as modificações necessárias, arrastando o widget para o local que você quer que apareça o slide.

<script style="text/javascript" src="http://catur-at-abu-farhan.googlecode.com/svn/trunk/galleryposts-roundabout.js"></script><script style="text/javascript">
 var numposts_gal = 6;
 var random_posts = false;
</script>
<script src="AQUI IO ENDEREÇO DE SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>