Mini Updates do Tumblr ~ Tutorial

Heey, neutros!

De boas? Eu estou ótima, tirando o fato de que meus pais saíram e me deixaram em casa, eu já estava até arrumada quando fui abandonada. Mas ok, eu supero essa. Então... Está MUITO visível a paralisação da blogsfera, cadê todo mundo? Foram todos sequestrados? Que isso, povo? Parece que todos resolveram entrar em Hiatus juntos. Sério, isso está me deixando preocupada! Não quero que o blog morra ou algo parecido, vamos lá. Animem ai! Fiquei pensando tanto nisso que até tive uma ideia para tentar melhorar essa bagaça...

Como eu andei pensando tanto nessa "epidemia", me surgiu a ideia de criar uma campanha - essa não é a primeira vez que alguém cria uma campanha para animar o blog, mas enfim -. Nessa campanha, óbvio, todos teriam que postar pelo menos 1 vez na semana, no mínimo, e teríamos que trocar link's de blog's para seguir e comentar. Ou seja, seria um incentivo a mais para outros autores. Nesses comentários, iriamos divulgar também a campanha, assim a coisa toda iria ficando maior e quando percebêssemos, o blogger voltaria a ser o que era. Claro, eu iria elaborar melhor essa ideia toda, mas quero receber uma segunda opinião. O que vocês acham? Poderia dar certo ou seria um fracasso? Tem alguma sugestão? O meu maior medo é que por causa dessa paralisação quase ninguém veja a campanha e.ê

Deixando isso um pouco de lado, hoje vim trazer um tutorial bem rápido e fácil de como adicionar o "Update Tumblr" no gadget. É algo meio antigo, mas tem sempre alguém que gosta dessas coisinhas ;3 Além disso, é uma forma de atrair os seus seguidores para o seu Tumblr. 

Os gifs se movem, mas é só uma imagem para mostrar como fica.

1º - Acesse seu Modelo e clique em Editar Html. Procure por ]]></b:skin>. Acima dele cole:

.tumblr-photos{
width: 200px;
background: #fff;
border: 1px solid #fee;
box-shadow: 1px 2px 3px #fee;
}

Nesse código você edita efeito, sombra, bordas do jeito que achar melhor e da forma que combine melhor com seu blog.
2º - Agora adicione um novo gadget HTML/JavaScript e cole dentro dele o código abaixo:

<div class="tumblr-photos">
<a id='tumblr-url-widgy-1' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-1' src='' alt='' /></a><a id='tumblr-url-widgy-2' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-2' src='' alt='' /></a><a id='tumblr-url-widgy-3' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-3' src='' alt='' /></a><a id='tumblr-url-widgy-4' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-4' src='' alt='' /></a>
</div>
<script src="http://LINKDOSEUTUMBLR.tumblr.com/api/read/json?number=4&amp;type=photo" type="text/javascript"></script>
<script type="text/javascript">
document.getElementById('tumblr-photo-widgy-1').setAttribute('src', tumblr_api_read.posts[0]['photo-url-75']);
document.getElementById('tumblr-url-widgy-1').setAttribute('href', tumblr_api_read.posts[0]['url-with-slug']);
document.getElementById('tumblr-photo-widgy-2').setAttribute('src', tumblr_api_read.posts[1]['photo-url-75']);
document.getElementById('tumblr-url-widgy-2').setAttribute('href', tumblr_api_read.posts[1]['url-with-slug']);
document.getElementById('tumblr-photo-widgy-3').setAttribute('src', tumblr_api_read.posts[2]['photo-url-75']);
document.getElementById('tumblr-url-widgy-3').setAttribute('href', tumblr_api_read.posts[2]['url-with-slug']);
document.getElementById('tumblr-photo-widgy-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);
document.getElementById('tumblr-url-widgy-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
</script>

Onde está escrito LINKDOSEUTUMBLR, você substitui pelo endereço do Tumblr e o código está arrumado para aparecer apenas 4 miniaturas, mas pode ser alterado. É só adicionar a enumeração da imagem. Exemplo:

<a id='tumblr-url-widgy-4' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-4' src='' alt='' /></a>

Simples, né? Créditos ao Bunny Crazy! Espero que gostem, qualquer dúvida é só perguntar e tento ajudá-los. Bem, não se esqueçam de comentar sobre a minha ideia shausha' É isso, até mais!