Como criar gadget posts recentes no blogger com efeito transitório

Gadget posts recentes com efeito transitório

Gadget de posts recentes com efeito transitório é mais um dos recursos que podemos acrescentar em nossos blogs para diminuir a taxa de rejeição, além de outras vantagens. Antes de mais nada, gostaria de creditar esta postagem ao blog Rascunhos blogger de Manuel Veloso, pois foi onde aprendi este gadget. Neste artigo será apresentado 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 irá 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 deseja que sejam apresentados. Mas não passe dos 25 artigos pois este é o número máximo que pode ser apresentado neste gadget.

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

5. Depois clique em Guardar/Salvar Modelo.

6. Dirija-se à sub-aba Elementos de Página (4).

7. Agora adicione um gadget HTML/JavaScript com o código abaixo:

<div id="feedControl">A carregar...</div>

E você, gostou? Então siga-nos!

Tweet

Share

Adriano Luz Pós-graduado em Sistemas de Informação e Banco de dados, atualmente atua com consultoria em sistemas, SEO e marketing digital. Amante por blogs, é responsável pela administração do blog Publicidade na web.

Postado em: Blogger / Blogspot