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!
