Hoje eu aprendi como colocar uma widget do Tumblr aqui no blog e decidi mostrar para vocês, quem sabe alguém tem essa mesma dúvida que eu tive?! Ele mostra as últimas atualizações…
Fica mais ou menos assim:

1- Baixe o crie uma conta no Dropbox clicando aqui 2-Faça o Download do Dropbox e depois instale no seu pc 3-Baixe o arquivo java do tumblrBadge-1.1.js aqui
*Se você tem um domínio próprio, é só mandar o arquivo  java do tumblr para o seu ftp

Para ver o vídeo com maior qualidade é só clicar nele!

No código Html ou Css do seu blog, você vai achar a tag (Sidebar) e colar o seguinte código:

* Tumblr Badge *
.tumblr {
width: 200px;
list-style: none;
padding: 0;
}

.tumblr li {
margin-bottom: 1em;
list-style: none;
}

.tumblr img {
display: block;
padding: 5px;
border: 1px solid #e9e9e9;
}

.tumblr em {
font-style: normal;
display: block;
margin-top: 0.2em;

}

.tumblr .tumblr-post-date{
display: block;
font-size: 0.9em;
margin-top: 0.5em;
}

E na nova gadget(na sidebar) que você criou cole esse aqui:

<div id=”tumblr-badge”></div>
<script type=”text/javascript” src=”SEU LINK AQUI”></script>

Créditos a Aninha que me respondeu onde eu poderia achar o tutorial, e a Claudinha que criou o tutorial original!

Para quem quer fazer uma conta no Tumblr é só clicar aqui e ainda assim você não sabe o que é Tumblr aqui você encontra a resposta!
Beijos

Posts Relacionados

Actions no Photoshop

3 Comentários em “Tutorial Tumblr Badge”