Como Adicionar o Botão do Pinterest nas Suas Imagens
08/08/2013
Nós já falamos do Pinterest por aqui algumas vezes, e como essa plataforma de rede social está crescendo de vento em polpa!! E você sabia que pode trazer mais tráfego para o seu site com o Pinterest do que com o Instagram? Pois é gente…hoje vamos ensinar como você pode adicionar o botão do Pin Pinterest diretamente nas suas imagens, facilitando assim as pessoas em darem um PIN na sua imagem!!
Existem aquelas barras de ferraments que ficam embaixo das imagens dos seus post que permitem às pessoas compartilharem os posts. Mas será que essa barra é o suficiente??
Lógico que você deve ter uma barra dos botões das redes sociais no final do post… ela pode sim lhe ajudar… mas colocando o botão do “Pin” diretamente na imagem é mais efetivo e mais rápido. Se um leitor entra no seu blog e vê uma imagen que ela quer adicionar no board do Pinterest, o botão se torna um processo muito mais rápido!
Então, vamos facilitar a vida do nosso leitor, certo?
Vamos adicionar o botão na propria imagem que ficará do lado, em cima.
Mas como adicionar esse botão na imagem??
Bom, começaremos com a pergunta simples: qual plataforma você usam – Blogger ou WordPress?
– Se você usa WordPress:
Como muitas e muitas coisas no WordPress, para você adicionar o botão do Pinterest na sua imagem você vai precisar de um plugin. Aqui no CBBLogers nós usamos o jQuery Pin It Button For Images. Existem muitos outros no mercado, e você pode ver essa variedade aqui no site wordpress.org no Pin It Button plugins available.
Cada plugin do “PIN” imagens terão funções diferentes. Alguns vão deixar você mover a localidade do botão do “Pin It” na imagem e alguns vão incluir uma posição já pré-determinada. Outro fator interessante do jQuery plugin, e alguns outros plugins também, é que ele deixa você desativar o plugin para certos posts e paginas. Então, se o seu site é do WordPress, ache um plugin que se encaixe nas suas necessidades.
– Para sites da plataforma do Blogger:
Para adicionar o botão do “Pin” no topo das suas imagens pelo site do blogger, você vai precisar modificar o código do seu template.
POR FAVOR: sempre dê um backup no seu template antes de fazer qualquer modificação nele!!
Nota: o código abaixo somente irá funcionar com templates estáticos do Blogger… ele não irá funcionar com dynamic templates do Blogger.
1. Backup o seu template: Clique no botão Backup Restore na pagina do Blogger template e salve o backup no seu computador. (precisamos colocar a imagem aqui!!)
2. Próximo passo você vai adicionar o codigo:
1.Clique em Editar HTML na página do template do seu blog.
2. Ache “” no seu Template. Você pode achar esse código clicando no “Ctrl F” . Clicando “Ctrl F” ele vai abrir uma caixa onde você vai colocar “” e clicar ENTER.
3. Quando você encontrar a tag “”, você vai entrar esse código que está aqui, mas EM CIMA da tag :
4. Ele deve ficar assim:
5. Clique em “salvar template”
6. Teste o seu site para verificar se tudo está no seu devido lugar, e pra ter certeza de que o botão do “Pin” está sendo mostrado nas suas imagens, basta passar o mouse por cima dela.
Prontinho!!
Você já tinha colocado o botão do “Pin” nas suas imagens?? Se já, você notou se existiu um aumento de tráfego pelo site do Pinterest?
CBBlogers by Michael
amei deu certo e não deu trabalho foi super facil obbrigada
correção: *das minhas dúvidas!
Nossa! Estava procurando esse assunto essa semana. Obrigada pelo esclarecimento de minha dúvidas! Bjs
Meninas, o nome da tag é:
O código é colocado em cima dele hahah (=
O código não aparece aqui, mas é só ver ali na imagem a tag “body” …
Não tem/não encontrei a tag “” no html do meu blog.
No meu localizou “” Cola acima dele que da certo e salva.
Olá Meninas
Preciso da ajuda de vocês.
Minha webdesigner não consegue instalar o botão do pintrest pois ela alega que nessa versão nova do Blogger não aceita esses códigos. Eu não encontrei essa opção “” no meu Blog. Como eu faço para conseguir instalar?
Bjks
Andreia Sales