29 de set de 2008

Ú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.

Um comentário:

  1. Nem acredito, no que estou conseguindo fazer no meu blog, td graças a vc. Te desejo td de bom pra vc e sua família e por favor, continue com suas dicas maravilhosas!!!!!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube