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
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) e 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:
adorei!!!!!!!!!
indiquei lá http://www.coloridah.net/2010/12/desejos.html
adoreei! (: to seguindo!
Tenho umas dúvidas vc pode me ajudar?
Se puder entrar em contato comigo plis (:
oi,
o arquivo a ser baixado está com o link quebrado. pode reupar? ;(
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
Oi, o código que você colocou pra baixar, não está mais funcionando, tempo como hospedar ele de novo?
Thanks :3
o CODIGO , ta falando que não existe :(
Fiz varias vezes mas não deu certo helllp!!!
te seguindo é claro aguardo sua visita bjos
greenappleartesanatos.blogspot.com.br
Link OFF
Upa de novo por favoor
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.
ta dando erro quando vou tentar baixar o código java script
ta dando erro para baixar o arquivo, poderia arrumar?
ta dando erro para baixar o arquivo, poderia arrumar?
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!