Caixa do google plus no tumblr

Olá galera, hoje vou ensinar a como colocar a Caixinha do google plus no seu tumblr. É bem simples, peguei um tutorial do site "tumbletricks", vou tentar resumir ao maximo.

O primeiro passo é, criar uma página para divulgá-lo no Google Plus, é muito importante você criar, mesmo que não use.

Depois de ter uma página já criada, você deverá colar dois códigos no código do seu theme. Por isso, recomendo que você guarde uma cópia do código do seu theme no seu computador, caso dê algum erro na hora de salvar, ou você não goste do resultado.


Agora, procure por </body> no código do seu theme, e cole isso antes dele:

<script type="text/javascript">
  window.___gcfg = {lang: 'pt-BR'};  (function() {     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>




Depois de colar este código, procure pela parte do seu theme onde você quer que a caixa apareça no seu Tumblr (pode ser na sua Description, por exemplo), e cole o seguinte código (não esqueça de substituir o valores em negrito):


<div class="g-plus" data-action="followers" data-height="ALTURA"

data-source="blogger:blog:followers" data-href="URL DA SUA PAGINA" data-width="LARGURA"></div>

A largura e a altura devem ser substituídos por um valor numérico, por exemplo “320” e “400”.


A URL da sua página não é a URL do seu Tumblr, e sim da sua página no Google Plus. Para saber esta URL, acesse a sua página do Google Plus, e veja o endereço dela na barra de endereço, e copie a seguinte parte dela:

 

Copie só até ANTES do “/posts”.

Prontinho, testei no meu tumblr e deu tudo certinho *-*

Esse tutorial é devidamente criado pelo site tumbletricks