Gadget de Posts Recentes com Efeito Transitório

Templates exclusivos e profissionais, instalação de hacks e domínios e utilização técnicas de SEO. Conheça o ProBlogs, onde fazemos tudo isso a preços relativamente baixos!

Caros leitores do Rascunhos Blogger, neste post vou apresentar-vos um widget que mostra os títulos e um pequeno resumo dos últimos posts de uma forma alternada através da utilização de um efeito transitório.

Para adicioná-lo ao seu blog siga os passos:

1. Entre no site http://code.google.com/apis/ajaxfeeds/signup.html, aceite os termos e condições, depois escreva a URL do seu blog e clique em Generate API Key (1).

2. Entre no Blogger. Depois dirija-se à aba Design (2) e à sub-aba Editar HTML (3).

3. Procure pela tag abaixo:

</head>

4. Acima dela cole o código abaixo:

<script src='http://www.google.com/jsapi/?key=API' type='text/javascript'/>
<script src='http://rascunhosblogger.webs.com/Scripts/EntradasTransitorias.Js' type='text/javascript'/>
<style type='text/css'>
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
#feedControl {
margin-top : 20px;
margin-left: auto;
margin-right: auto;
width : 400px;
font-size: 16px;
}
.gfg-title {
color : #612e00;
background-color: #FFF3DB;
}
.gfg-title a {
color : #612e00;
}
.gfg-root {
border: 1px solid #00000;
font-family: "Georgia", sans-serif;
}
</style>
<script type='text/javascript'>
function load() {
var homeUrl = "<data:blog.homepageUrl/>";
var feed = homeUrl + "feeds/posts/default";
new GFdynamicFeedControl(feed, "feedControl",
{numResults : 5});
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>

Este gadget vai mostrar os últimos cinco artigos publicados, se deseja alterar o número de artigos a serem apresentados basta substituir o 5 destacado a azul pelo número de posts que quer ver apresentados. Mas não passe dos 25 artigos pois este é o número máximo de post que podem ser apresentados.

Onde está destacado a vermelho API, cole o primeiro código que vai obter no passo 1, como na imagem abaixo: