Tutorial Tumblr Badge
Thursday April 22, 2010 às 04:11 | Arquivado em: Tutoriais

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





Tags:


Posts Relacionados







3 Comentários em “Tutorial Tumblr Badge”


Adriano | 24-09-2010 às 14:22

Olá, Luana!
Adorei seu blog, e o achei na hora mais confusa!!!
Estou a dias tentando por as atualizações do tumblr no meu blog e não consigo! O seu tutorial é o mais completo, e está super bem feito. Mesmo assim, depois de fazer todos os passos, não consigo visualizar o meu tumblr no meu blog.

Não sei o que faço. Fiquei pensando se estou errando na hora de por o meu nome de usuário do tumblr (@adriano_mariano – sim, igual ao twitter). Será que para inserir este nome de usuário no codigo HTML preciso pôr com outros caracteres mais especiais (tipo, quando se tem coração, tem que se colocar “&heart”, sei lá…? Ou errei o local onde eu colei o código no HTML do meu blog…

Por favor, eu adoraria que você me ajudasse neste ultimo detalhe! Não tem muitas ajudas destas pela net, e eu entendo pouquíssimo de programação… mas fiz todos os passos certinho!

meu msn é adrianomariano_mkt@hotmail.com
Fico no aguardo por qualquer notícias.

Obrigado.

JOVANA | 09-08-2011 às 14:16

oi eu amei o seu tutorial e consegui colocar no meu blog fazia um tempo que eu queria colocar um post de atualisação do tumblr no meu blogspot.Obrigada por me ajudar!Adorei…

Luana | 11-08-2011 às 22:30

JOVANA on August 9, 2011 at 14:16 said:

oi eu amei o seu tutorial e consegui colocar no meu blog fazia um tempo que eu queria colocar um post de atualisação do tumblr no meu blogspot.Obrigada por me ajudar!Adorei…

Que bom que conseguiu fico feliz!!