Mini Updates do Tumblr no blog

janeiro 05, 2015


Trago esse tutu de como colocar um widget que mostra minis updates do Tumblr no Blog. Essa é uma das formas que você pode usar para chamar atenção de seus visitantes a acessar o Tumblr.
Primeiro: Vá no Layout do seu Blog, editar HTLM e procure por ]]></b:skin> e antes dele coloque o seguinte código que são os estilos que personaliza o widget, modifique caso queria para ficar como no seu agrado
.tumblr-photos{
width: 200px;
background: #fff;
border: 1px solid #fee;
box-shadow: 1px 2px 3px #fee;
}
Segundo: Vá no Layout do seu blog e adicione um novo "gadget HTML/JavaScript", dentro dele cole o código baixo.E onde está escrito "linkdoseutumblr" ( a parte destacada no código abaixo), substitua por seu endereço.
<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-6' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-6' 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-4').setAttribute('src', tumblr_api_read.posts[3]['photo-url-75']);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']);</script>document.getElementById('tumblr-url-widgy-4').setAttribute('href', tumblr_api_read.posts[3]['url-with-slug']);
Para alterar o número de imagens que vai aparecer é só vocês substituir os números destacados(Vermelho) pelo número de imagens que você queira. Nesse caso o aparecerá somente seis imagens
<a id='tumblr-url-widgy-6' href=''><img border='0' style='margin:2px' id='tumblr-photo-widgy-6' src='' alt='' /></a>
Espero muito ter ajudado e Beijinhos de luz amores. Ah...depois eu vou postar o mini updates do instagram no blog

You Might Also Like

2 comentários

  1. Oi,

    Como faço para me afiliar ao seu blog?

    http://blogdifusao.blogspot.com.br/
    blogdifusao@hotmail.com

    ResponderExcluir
    Respostas
    1. Olá ate o final da tarde eu coloco o seu blog afiliado daqui, n se preocupe

      Excluir

Like us on Facebook

Pinterest