Colocando Tumblr no seu blogger

Nivel: Fácil

Existem pouquíssimos tutoriais para isso, e os poucos que existem não são completos. Como já me perguntaram como eu coloquei o meu tumblr aqui e como eu já tinha vontade de fazer uma parte de tutoriais, eis que vou explicar o processo mágico para se colocar o tumblr no blogger.

Primeiro, vá em Design > Elementos da página e adicione um gadget, selecione a opção html/javaScript. Baixe o código que eu upei aqui. Selecione todo o texto e cole no gadget.
Você deverá configurar as partes username (nome de usuário) itemsToShow  (numero de itens a ser exibido), altere-os com o que está sendo pedido. Salve. O Tumblr ainda não aparecerá, pois ainda é necessário configurá-lo. Para configurá-lo vá em, ainda em Design, Editar html. Copie o seguinte código e cole no corpo do html:

/* TUMBLR - **** htt://SurtosModeON.blogspot.com  ****
-----------------------------------------------

#tumblr-bagde {margin: -5px 0 0 0;
font-size: 11px;
padding: 1px 1px 2px 1px;
font-family:verdana}

.tumblr {
list-style: none;
width: 100%;
margin-bottom: 1em;
padding: 0;
font-family:tahoma
}
.tumblr li {margin-bottom: 1em; list-style-type:none;}

.tumblr p {margin: 0; font-size: 10px;}

.tumblr blockquote {
margin: 2px 0 2px 4px;
padding: 2px 0 2px 6px;
background: url(IMAGEM-AO-FUNDO-DA-CITAÇÃO); /*geralmete usa-se-aspas*/
border-left: 1px dotted #dcdcdc; /*cor e tamanho da borda esquerda*/
font-family:verdana; /*fonte*/
font-weight: verdana;
font-style:normal;
border-bottom: 1px dotted #dcdcdc; /*cor e tamanho da borda inferior*/
border-right: 1px dotted #dcdcdc; /*cor e tamanho da borda direita*/
border-top: 1px dotted #dcdcdc; /*or e tamanho da borda superior*/
font-size: 10px
}

.tumblr img {
display: block;
max-width: 150px;  /*largura máxima para a imagem aparecer na sidebar*/
max-height: 200px; /*altura máxima para a imagem aparecer na sidebar*/
padding: 5px;
font-family:tahoma;
-moz-border-radius:8px 8px 8px 8px;}

.tumblr em {display: block; margin-top: 0.2em; font-size: 11px;}

.tumblr .tumblr-post-date {
display: block;
font-size: 10px;
text-align:center;
margin-top:0;
}

/*fim do tumblr*/

Configure o que está destacado no código, visualize, seu tudo estiver ok, salve e seja feliz :)
É um codigo enorme e mostruoso, mas não é dificil de usar. Espero que ajude você .. Beijos!

16 surtaram comigo:

Ann M. disse...

adorei!!!!!!!!!
indiquei lá http://www.coloridah.net/2010/12/desejos.html

Marina Almeida disse...

adoreei! (: to seguindo!

Dessa Andrade disse...

Tenho umas dúvidas vc pode me ajudar?

Dessa Andrade disse...
Este comentário foi removido pelo autor.
Dessa Andrade disse...

Se puder entrar em contato comigo plis (:

aphonso disse...

oi,
o arquivo a ser baixado está com o link quebrado. pode reupar? ;(

web_bem da hora disse...

oi,gostei mundo do tumblr no 'meu blog' mas aqui,seu blog e lindo,é eu queria saber como vc colocou aquela foto sua no topo do blog eu queria colocar um tipo o seu assim mas nunca consegui mande um email para mim no bemdahora@hotmail.com(msn) ou entra no meu blog e webbemdahora.blogspot.com

Lu~ disse...

Oi, o código que você colocou pra baixar, não está mais funcionando, tempo como hospedar ele de novo?

Thanks :3

Ingrid Faustino disse...

o CODIGO , ta falando que não existe :(

Anônimo disse...

Fiz varias vezes mas não deu certo helllp!!!
te seguindo é claro aguardo sua visita bjos
greenappleartesanatos.blogspot.com.br

Unknown disse...

Link OFF
Upa de novo por favoor

Anônimo disse...

oi, eu não consegui o endereço, to seguindo o seu blog, sigam o meu por favou ou olhem e cometem ta aqui o link--->http://onedirectioneomundoteen.blogspot.com.br/
seu blog é demais, você escreve muito bem.

Anônimo disse...

ta dando erro quando vou tentar baixar o código java script

Unknown disse...

ta dando erro para baixar o arquivo, poderia arrumar?

Unknown disse...

ta dando erro para baixar o arquivo, poderia arrumar?

Yuri disse...

Oi, o código pra download não deu. Tem como arrumar?
beijos

Postar um comentário

Muito obrigado por estar comentando, essa é a minha motivação para continuar escrevendo *-*

- Gostou? Siga!
- Quer indicar o meu blog? Me avise que também indicarei o seu!

Volte sempre, beijos, flores e carinho no cabelo!