sexta-feira, 27 de abril de 2012

Como adicionar o botão “Pin it” do Pinterest no Blog - Wordpress e Blogger

A rede social Pinterest foi criada em março de 2010 nos Estados Unidos pelo americano Ben Silbermann. Considerado uma fonte de tráfego para sites E-commerce, no final de 2011, o Pinterest se destacou por redirecionar usuários para lojas de roupas on-line. Com um grande sucesso, vem crescendo muito em 2012, ao ponto de já ter ultrapassado em números de acesso os grandes: Linkedin, Google+ e Tumblr.

Para tornar seu blog mais integrado ao Pinterest, vou ensinar como adicionar os botões de compartilhamento ou de seguidores direto na página de seu blog.

Como adicionar o botão “Pin it” do Pinterest no Blog - Wordpress e Blogger 

Para WordPress.org

Em um blog no WordPress.org é muito simples, basta instalar esse plugin:
Download: Pinterest “Pin It” Button

Para Blogger (BlogSpot)

Se você usa o Blogger para desenvolver seus blogs, então temos a opção de adicionar gadgets (elementos de página) para tornar os botões bem incorporados.

Abra o painel do seu blog, clique no menu “Modelo” e em seguida no botão “Editar HTML”.

Marque a opção expandir modelos de widgets” para ver todo o código fonte do seu blog.

Dentro do código fonte, procure pela seguinte linha:

<data:post.body/>

Essa linha marca o início do post. Colando algo imediatamente abaixo dela, aparecer logo no final do post, abaixo do último parágrafo.

Então cole o seguinte trecho para aparecer o botão de “Pin it” do Pinterest abaixo de todos os títulos de todos os posts do seu blog automaticamente:

<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());'><img src='https://lh3.googleusercontent.com/-Vh5EBmRrOTI/T4SHj0gPjJI/AAAAAAAAD-c/yl0lJLYxaRk/s49/PinIt.png'/></a>
</b:if>

Salve o modelo e veja o resultado aplicado em seu blog.

Nenhum comentário:

Postar um comentário

-Comente este artigo que acabou de ler.
-Todo comentário obsceno, ilegal, ofensivo, anônimo, ou estritamente publicitários, serão "apagados".
-Spam não será tolerado.
-Comentário sujeito à aprovação prévia do moderador.
-Obrigado pela visita!