Últimos posts nas colunas

Para ter em seu blog um widget com as últimas postagens, há algumas maneiras, e estou disponibilizando aqui 3 delas.
Uma é recorrer ao site Widgets Nest e fazer seu cadastro, pegar o código que o site disponibiliza e depois colar no HTML/Javascript em seu blog, a outra encontrei no blog El Scaparate de Rosa, onde sempre vou para conferir as novidades.

Este é o modelo do site Widgets Nest

Este é o modelo de "El Scaparate de Rosa

Carregando as últimas entradas...

Para fazer o modelo de Rosa, a primeira coisa a fazer é entrar no site Google Ajax clicando AQUI


Selecione a caixinha e depois cole o endereço completo de seu blog.
Clique em "Generate API Kay"




Passe o mouse






Agora você será direcionado a uma página como essa. Este é o seu código, copie-o e guarde-o pois logo precisaremos dele.



Passe o mouse







Agora copie o código abaixo, vá até o HTML do seu blog e procure pelo código: </head>

Acima dele cole o código abaixo inserindo o código "Key", aquele do site que eu pedi para você guardar no local indicado.

<!-- API KEY Ultimas entradas-->
<script src='http://www.google.com/jsapi/?key=COLOQUE AQUI O CÓDIGO KEY' type='text/javascript'/>
<script src='http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.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 : 95%;
font-size: 16px;
}
.gfg-title {
font-size: 18px;
padding-left: 10px;
color : #fffcc;
background-color: #6998CA;
}
.gfg-title a {
color : #fff;
}

.gfg-root {
border: 1px solid #6998CA;
font-family: "Georgia", sans-serif;

}
.gfg-listentry-highlight {
background-image : url("http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SN1icxHvPXI/AAAAAAAAET4/_V1bKeYDeTk/s320-R/0036_bullet02.png");
background-repeat: no-repeat;
background-position : center left;
}
.gfg-listentry-odd {
background-color : #d7e5f0;
}
</style>
<script type='text/javascript'>
function load() {
var homeUrl = "<data:blog.homepageUrl/>";
var feed = homeUrl + "feeds/posts/default";
new GFdynamicFeedControl(feed, "feedControl");
var options = {
numResults : 10,
displayTime : 5000
}
new GFdynamicFeedControl(feed, "feedControl", options);
}
google.load("feeds", "1");
google.setOnLoadCallback(load);
</script>

*Onde está em verde é o endereço da imagem (setinha), caso queira, troque pelo endereço da imagem de sua escolha.



Agora copie este segundo código e cole no HTML/Javascript em seu blog.

<div id="feedControl">

<span >Carregando últimos posts...<img src="http://i201.photobucket.com/albums/aa306/picumoros/mozilla_blu.gif"/></span></div>

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.

-----------------------------


Acabei encontrando este modelo também, gostei muito !

Clique AQUI, entre no site, coloque o endereço de seu blog e clique em "Continuar".

Você verá suas postagens na próxima página. Clique então em "Looks grat, creat my widgets!",
que é um botão como esse abaixo. Aguarde...




Escolha o widget que você quer instalar em seu blog, clioque em "Costumize its", faça as modificações de cores depois copie o código e cole no HTML/Javascript em seu blog.